当前位置:Gxlcms > JavaScript > jQuery中$.extend()用法实例

jQuery中$.extend()用法实例

时间:2021-07-01 10:21:17 帮助过:7人阅读

本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下:

$.extend()方法定义如下:

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

用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。

看下面的代码就知道怎么用了,请看:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>extendFun</title>
  7. <script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script>
  8. <meta name="author" content="Administrator" />
  9. <!-- Date: 2013-01-30 -->
  10. <script type="text/javascript">
  11. $(function () {
  12. var pageConfig= {};
  13. var pageConfig=$.extend(pageConfig,{
  14. createUrl: '${ROOT}/subject/createOrModifyPageTemplates',
  15. deleteUrl: '${ROOT}/subject/deletePageTemplates',
  16. modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates',
  17. infoName: 'pageTemplateInfo'
  18. });
  19. $("#subm").click(function(){
  20. var posturl= pageConfig.deleteUrl;
  21. alert(posturl);
  22. });
  23. })
  24. </script>
  25. </head>
  26. <body>
  27. <input id="subm" name="subm" type="button" value="clickme" >
  28. </body>
  29. </html>

输出结果:${ROOT}/subject/deletePageTemplates

希望本文所述对大家的jQuery程序设计有所帮助。

人气教程排行