jQuery中$.extend()用法实例
作者:buls463
这篇文章主要介绍了jQuery中$.extend()用法,实例分析了extend()方法的功能、定义及相关的使用技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。