详解$.extend()

从网上看了好多关于$.extend()的资料,现总结如下:

$.extend()其实无非也就是三种用法:

1.合并多个对象;
2.深度嵌套对象;
3.扩展jQuery静态方法;

1.合并多个对象:

var obj1 = {name:'leon',age:'25',sex:'male'};
var obj2 = {name:'karen',age:'23'};
var obj = $.extend(obj1,obj2);
console.log(obj)//{age:'23',name:'karen',sex:'male'}

其结果就是将两个对象合并,如果两个对象有相同的属性名,那么后面对象的属性会把前面的给覆盖掉。

2.深度嵌套对象

var people1 = {
 name:'leon',
 age:'25',
 characteristic:{
   appearance:'handsome',
   body:'tall'
 }
}
var people2 = {
 name:'karen',
 age:'23',
 characteristic:{
   body:'short',
   eat:'anything'
 }
}
var people = $.extend(true,people2,people1)
console.log(people);

其结果:

这里写图片描述

3.扩展jQuery静态方法

$.extend({
test:function(){
    alert('我合并到了jQuery的全局对象中');
  }
})
$.test()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值