jQuery中$.extend()用法实例
本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下:
$.extend()方法定义如下:
jQuery.extend([deep],target,object1,[objectN])
用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
看下面的代码就知道怎么用了,请看:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>extendFun</title>
<scriptsrc="../scripts/jquery-1.9.0.js"type="text/javascript"></script>
<metaname="author"content="Administrator"/>
<!--Date:2013-01-30-->
<scripttype="text/javascript">
$(function(){
varpageConfig={};
varpageConfig=$.extend(pageConfig,{
createUrl:'${ROOT}/subject/createOrModifyPageTemplates',
deleteUrl:'${ROOT}/subject/deletePageTemplates',
modifyUrl:'${ROOT}/subject/createOrModifyPageTemplates',
infoName:'pageTemplateInfo'
});
$("#subm").click(function(){
varposturl=pageConfig.deleteUrl;
alert(posturl);
});
})
</script>
</head>
<body>
<inputid="subm"name="subm"type="button"value="clickme">
</body>
</html>
输出结果:${ROOT}/subject/deletePageTemplates
希望本文所述对大家的jQuery程序设计有所帮助。