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程序设计有所帮助。