jQuery.extend()详解

发布时间:2019-05-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jQuery.extend()详解脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery.extend()方法作用是,用一个或多个其他对象来扩展一个对象。
通常使用格式如下:
jquery.extend(dest,src1,src2,src3...);
上述代码含义是:将src1、src2、src3合并到dest中,并返回dest。
示例:

    VAR dest = {name:'zhu',age:'15'};
    var src1 = {name:'zhang',age:'18'};
    var src2 = {name:'zhou',age:'25'};
    var src3 = {num:15,cITy:'hongkong'};
    var src4 = {grade:98,course:'math'};
    $.extend(dest,src3,src4);
    console.LOG(dest);

此时控制台输出的合并后的dest如下:

jQuery.extend()详解

注意到jQuery.extend()方法是会改变被拓展的对象的,如果不想改变原对象,可以把第一个参数设置为{}。
在本文的开头有提到过jQuery.extend()方法拓展的是对象,其实在JS里面数组也是对象,如:

var dest = {name:'zhu',age:'15'};
var src = [1,2];
$.extend(dest,src);
console.log(dest);

控制台输出的dest为:

jQuery.extend()详解

此时会把数组的索引值当做属性进行合并。
如果该方法里面两个参数都是数组呢?

var dest = [1,2];
var src = [3,4];
$.extend(dest,src);
console.log(dest);

控制台输出的dest为:

jQuery.extend()详解

如果jQuery.extend()方法省略了dest参数,则表示将src合并到jQuery全局对象中去。示例如下:

$.extend({
    @H_304_153@test1:function(){alert('hello world');}
        });
$.test1();  //弹出hello world

$.extend({
    test2:'hello world'
        });
alert($.test2);  //弹出hello world

需要注意的是,jQuery.fn.extend(object)是扩展 jQuery 元素集来提供新的方法(通常用来制作插件),不要和jQuery.extend()方法弄混淆。

脚本宝典总结

以上是脚本宝典为你收集整理的jQuery.extend()详解全部内容,希望文章能够帮你解决jQuery.extend()详解所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。