jQuery中$.extend()用法實例_jquery-js教程-PHP中文網

jQuery中$.extend()用法實例_jquery

WBOY

發布： 2016-05-16 15:53:05

原創

1361 人瀏覽過

本文實例講述了jQuery中$.extend()用法。分享給大家供大家參考。具體分析如下：

$.extend()方法定義如下：

jQuery.extend([deep], target, object1, [objectN])

用一個或多個其他對象來擴展一個對象，傳回被擴展的對象。
如果不指定target，則為jQuery命名空間本身進行擴充。這有助於外掛程式作者為jQuery增加新方法。如果第一個參數設定為true，則jQuery傳回一個深層的副本，遞歸地複製找到的任何物件。否則的話，副本會與原始物件共用結構。未定義的屬性將不會被複製，然而從物件的原型繼承的屬性將會被複製。

看下面的程式碼就知道怎麼用了，請看：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>extendFun</title>
<script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script>
<meta name="author" content="Administrator" />
<!-- Date: 2013-01-30 -->
<script type="text/javascript">
$(function () {
var pageConfig= {};
var pageConfig=$.extend(pageConfig,{
createUrl: '${ROOT}/subject/createOrModifyPageTemplates',
deleteUrl: '${ROOT}/subject/deletePageTemplates',
modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates',
infoName: 'pageTemplateInfo'
});
$("#subm").click(function(){
var posturl= pageConfig.deleteUrl;
alert(posturl);
});
})
</script>
</head>
<body>
<input id="subm" name="subm" type="button" value="clickme" >
</body>
</html>

登入後複製

輸出結果：${ROOT}/subject/deletePageTemplates

希望本文所述對大家的jQuery程式設計有所幫助。