首頁 > web前端 > js教程 > jQuery中$.extend()用法實例_jquery

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

WBOY
發布: 2016-05-16 15:53:05
原創
1414 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板