首页 > 软件开发 > JavaScript >

jquery的扩展extend

来源:互联网 2023-03-16 23:57:55 版权归原作者所有,如有侵权,请联系我们

extend函数有多个参数GZ9办公区 - 实用经验教程分享!

1.如果是两个参数以上GZ9办公区 - 实用经验教程分享!

后面的参数会覆盖和增加前面的参数GZ9办公区 - 实用经验教程分享!

2.如果是一个参数的话可以扩展jquey新函数GZ9办公区 - 实用经验教程分享!

3.如果第一个参数为true的话,可以深度合并GZ9办公区 - 实用经验教程分享!

jquery的扩展extendGZ9办公区 - 实用经验教程分享!

工具/原料

  • netbeans编辑器
  • jquery.1.8.2.js类库

方法/步骤

  • 1

    用netbenas编辑器,新建一个1.html,引入jquery库GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 2

    首先举一个例子,看看$.extend();GZ9办公区 - 实用经验教程分享!

    用两个参数,第一个是{} 第二个是对象GZ9办公区 - 实用经验教程分享!

    看看结果如何GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 3

    从浏览器查看控制台结果是GZ9办公区 - 实用经验教程分享!

    显然,两个参数第一个是{},第二个是对象GZ9办公区 - 实用经验教程分享!

    那么结果返回的也就是第二个对象GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 4

    在把js代码改进一下,增加一个a2对象GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 4此文章非法爬取自百度经验
  • 5

    这里看出返回的result结果是增加了一个body,年龄也被改变了,GZ9办公区 - 实用经验教程分享!

    说明第二个对象会覆盖第一个对象GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 6

    这里只用一个参数看看GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 7

    用浏览器查看结果,说明一个参数等于是给jquery扩展了一个函数GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 8

    如果自己给jquery增加了一个函数,担心别人也增加同样的函数重复了GZ9办公区 - 实用经验教程分享!

    可以给把自己的函数增加到新的空间下用$.myQuery.look();这样就不会重复了GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 9

    如果第一个参数为true呢GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 10

    从谷歌浏览器测试控制台显示,发现参数的子对象也被合并了GZ9办公区 - 实用经验教程分享!

    这家张三的儿子和另一家的女儿合并在一家了,哈哈,GZ9办公区 - 实用经验教程分享!

    看来第一个参数为true,无论参数里面有多少代都可以合并^_^GZ9办公区 - 实用经验教程分享!

    jquery的扩展extendGZ9办公区 - 实用经验教程分享!

  • 注意事项

    • 这里的测试环境是jquery1.8.3不是最新的版本库
    • 本地搭建的是phpstudio的php环境解析网站
    • 测试环境的浏览器用到火狐和谷歌

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!GZ9办公区 - 实用经验教程分享!


    标签: JQUERYJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号