JQuery中extend使用介紹
更新時(shí)間：2014年03月13日 17:23:14 作者：
這篇文章主要介紹了JQuery中extend怎么使用,需要的朋友可以參考下
Jquery中extend的擴(kuò)展方法原型是:
1、extend(dest,src1,src2,src3...);
它的含義是將src1,src2,src3...合并到dest中,返回值為合并后的dest,由此可以看出該方法合并后，是修改了dest的結(jié)構(gòu)的。如果想要得到合并的結(jié)果卻又不想修改dest的結(jié)構(gòu)，可以如下使用：
2、var newSrc=$.extend({},src1,src2,src3...)//也就是將"{}"作為dest參數(shù)。
這樣就可以將src1,src2,src3...進(jìn)行合并，然后將合并結(jié)果返回給newSrc了。
如下例：
復(fù)制代碼 代碼如下:
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
那么合并后的結(jié)果
result={name:"Jerry",age:21,sex:"Boy"}
也就是說(shuō)后面的參數(shù)如果和前面的參數(shù)存在相同的名稱，那么后面的會(huì)覆蓋前面的參數(shù)值。
3、extend(boolean,dest,src1,src2,src3...)
第一個(gè)參數(shù)boolean代表是否進(jìn)行深度拷貝，其余參數(shù)和前面介紹的一致
例如
復(fù)制代碼 代碼如下:
var result=$.extend( true, {},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
我們可以看出src1中嵌套子對(duì)象location:{city:"Boston"},src2中也嵌套子對(duì)象location:{state:"MA"},第一個(gè)深度拷貝參數(shù)為true，那么合并后的結(jié)果就是：
復(fù)制代碼 代碼如下:
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}
也就是說(shuō)它會(huì)將src中的嵌套子對(duì)象也進(jìn)行合并，而如果第一個(gè)參數(shù)boolean為false，我們看看合并的結(jié)果是什么，如下：
復(fù)制代碼 代碼如下:
var result=$.extend( false, {},
{ name: "John", location:{city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
那么合并后的結(jié)果就是:
復(fù)制代碼 代碼如下:
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}
您可能感興趣的文章:
- jQuery $.extend()用法總結(jié)
- jQuery.extend 函數(shù)詳解
- jQuery插件開(kāi)發(fā)的兩種方法及$.fn.extend的詳解
- 原生js實(shí)現(xiàn)復(fù)制對(duì)象、擴(kuò)展對(duì)象 類似jquery中的extend()方法
- jQuery.extend()的實(shí)現(xiàn)方式詳解及實(shí)例
- jQuery.extend 函數(shù)的詳細(xì)用法
- 模仿JQuery.extend函數(shù)擴(kuò)展自己對(duì)象的js代碼
- jquery的extend和fn.extend的使用說(shuō)明
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 深入理解jquery中extend的實(shí)現(xiàn)
相關(guān)文章
jQuery實(shí)現(xiàn)經(jīng)典的網(wǎng)頁(yè)3D輪播圖封裝功能【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)經(jīng)典的網(wǎng)頁(yè)3D輪播圖封裝功能,結(jié)合實(shí)例形式詳細(xì)分析了基于jQuery插件Figure_3D.js實(shí)現(xiàn)3D輪播圖功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
在系統(tǒng)開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)用到系統(tǒng)的當(dāng)前時(shí)間，然而我們遇到的問(wèn)題確又是各個(gè)瀏覽器返回值不同，就像典型的IE和FF瀏覽器。2008-12-12
重寫了昨天的圖片輪換，加入了自動(dòng)切換效果，改變了布局，增強(qiáng)了可定制性，當(dāng)然，還是有點(diǎn)小小的問(wèn)題，在IE 6+,chrome,firfox3.68下測(cè)試正常運(yùn)行2010-07-07
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
jQuery 全選 全部選 反選 實(shí)現(xiàn)代碼
上次做了一個(gè)前端項(xiàng)目，其中有功能要求實(shí)現(xiàn)jquery 全選和反選功能，下面小編抽個(gè)時(shí)間把實(shí)現(xiàn)代碼分享到腳本之家平臺(tái)供大家參考下2016-08-08
這篇文章主要介紹了到底該拋不拋棄JQuery，對(duì)JS框架感興趣的同學(xué)，可以參考下2021-05-05
基于jQuery實(shí)現(xiàn)仿百度首頁(yè)換膚背景圖片切換代碼
現(xiàn)在介紹網(wǎng)頁(yè)換膚的例子已經(jīng)數(shù)不勝數(shù)，自己也沒(méi)有仔細(xì)研究過(guò)，剛搞遇到類似這個(gè)問(wèn)題，網(wǎng)上查了資料解決了問(wèn)題，感覺(jué)很有用，就記錄了下來(lái)，本文給大家分享基于jQuery實(shí)現(xiàn)仿百度首頁(yè)換膚背景圖片切換代碼，需要的朋友可以參考下2015-08-08
jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過(guò)實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能，需要的朋友參考下吧2018-01-01
jQuery實(shí)現(xiàn)鼠標(biāo)懸停3d菜單展開(kāi)動(dòng)畫效果
本文主要介紹了jQuery鼠標(biāo)懸停3d菜單展開(kāi)動(dòng)畫效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)
這篇文章主要介紹了ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05