在學(xué)習(xí)jQuery的時(shí)候，學(xué)習(xí)到了$.extend的主要用法，在此做一個(gè)簡(jiǎn)單的總結(jié)。

（1）當(dāng)只寫一個(gè)對(duì)象自變量時(shí)，拓展的是jQuery的工具方法，如：

$.extend({aaa:function(){alert('a')},bbb:function(){alert('b')}})

調(diào)用就是$.aaa();? $.bbb();
也可以拓展jQuery對(duì)象的方法，如：

$.fn.extend({aaa:function(){alert(1)},bbb:function(){alert(2)}})

調(diào)用方式是$().aaa();? $().bbb();

還有一點(diǎn)需要注意，jQuery的工具拓展方法和對(duì)象的拓展方法是指向同一個(gè)引用的，jQuery.extend = jQuery.fn.extend = function() {}

（2）拓展對(duì)象，$.extend(dest,src1,src2,src3...)，其中dest表示合并后的對(duì)象，如：

new1={name:'jimmy',age:20}; new2={age:18,sex:'female'}; new3={ sex:'male',family:'brother'} newobj={} var newEst=$.extend(newobj,new1,new2,new3);

運(yùn)行結(jié)果為

從結(jié)果可以看出newobj對(duì)象合并了其它三個(gè)對(duì)象的屬性，已有的屬性，則替換值，沒有的屬性合并加進(jìn)來；

（3）拓展對(duì)象，$.extend(boolean,dest,src1,src2,src3...)，第一個(gè)參數(shù)為boolean，代表是否進(jìn)行深度拷貝，例：

city1={ name:'jack',age:128,location:{from:'USA',state:'good'}}; city2={ name:'jack',age:18,location:{from:'CN',city:'CQ'}}; var newcity1=$.extend(true,city1,city2); var newcity2=$.extend(false,city1,city2); console.log(newcity1); console.log(newcity2);

newcity1的結(jié)果為，可以看出location對(duì)象中，也進(jìn)行了拷貝；

?

newcity1的結(jié)果為，可以看出只是將city2中的location，進(jìn)行合并，并沒有進(jìn)行內(nèi)部?jī)?nèi)容的合并。

?

?

在自己學(xué)習(xí)的過程中，也看到了許多有關(guān)jQuery.extend()方法總結(jié)的非常好的博文，并進(jìn)行了參考，非常感謝。

參考博文：http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html

?

轉(zhuǎn)載于:https://www.cnblogs.com/zqllove/p/4139756.html

總結(jié)

以上是生活随笔為你收集整理的jQuery学习笔记之extend方法小结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。