$.extend() 函数用于将一个或多个对象的内容合并到目标对象。
- 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。
1.1 $.extend(object)
例如:
$.extend({
test: function() {
console.log('test');
}
});
jQuery.test(); // test
1.2 $.fn.extend(object);
例如:
('body').test(); // test
原理就是原型链,不懂得先可以简单了解下js原型链
- 如果多个对象具有相同的属性,则后者会覆盖前者的属性值。
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}