美文网首页
jquery extend用法

jquery extend用法

作者: 八点两刻 | 来源:发表于2019-07-18 19:13 被阅读0次

$.extend() 函数用于将一个或多个对象的内容合并到目标对象。

  1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。

1.1 $.extend(object)

例如:
$.extend({
test: function() {
console.log('test');
}
});
jQuery.test(); // test

1.2 $.fn.extend(object);

例如:
.fn.extend({ test: function() { console.log('test'); } });('body').test(); // test

原理就是原型链,不懂得先可以简单了解下js原型链

  1. 如果多个对象具有相同的属性,则后者会覆盖前者的属性值。
    var object1 = {
    apple: 0,
    banana: {weight: 52, price: 100},
    cherry: 97
    };
    var object2 = {
    banana: {price: 200},
    durian: 100
    };
    $.extend(object1, object2);
    结果是:
    {"apple":0,"banana":{"price":200},"cherry":97,"durian":100}

相关文章

网友评论

      本文标题:jquery extend用法

      本文链接:https://www.haomeiwen.com/subject/vxsrlctx.html