Jquery中extend擴展方法的三個原型
1、extend(dest,src1,src2,src3...);
它的含義是將src1,src2,src3...合併到dest中,返回值爲合併後的dest,由此可以看出該方法合併後,是修改了dest的結構的。如果想要得到合併的結果卻又不想修改dest的結構,可以如下使用:
2、var newSrc=$nd({},src1,src2,src3...)//也就是將"{}"作爲dest參數。
這樣就可以將src1,src2,src3...進行合併,然後將合併結果返回給newSrc了。
如下例:
複製代碼 代碼如下:
var result=$nd({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
那麼合併後的結果
result={name:"Jerry",age:21,sex:"Boy"}
也就是說後面的參數如果和前面的參數存在相同的名稱,那麼後面的會覆蓋前面的參數值。
3、extend(boolean,dest,src1,src2,src3...)
第一個參數boolean代表是否進行深度拷貝,其餘參數和前面介紹的.一致
例如
複製代碼 代碼如下:
var result=$nd( true, {},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
我們可以看出src1中嵌套子對象location:{city:"Boston"},src2中也嵌套子對象location:{state:"MA"},第一個深度拷貝參數爲true,那麼合併後的結果就是:
複製代碼 代碼如下:
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}
也就是說它會將src中的嵌套子對象也進行合併,而如果第一個參數boolean爲false,我們看看合併的結果是什麼,如下:
複製代碼 代碼如下:
var result=$nd( false, {},
{ name: "John", location:{city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
那麼合併後的結果就是:
複製代碼 代碼如下:
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}
相關文章
-
jQuery插件擴展extend的簡單實現原理介紹
相信每位前端的小夥伴對jQuery都不陌生吧,它最大的魅力之一就是有大量的插件,去幫助我們更輕鬆的實現各種功能。前幾天晚上,閒來無事,就自己動手寫了個簡單的jQuery插件,功能很簡單,只是讓選定的元素高亮,但是其中的一些思想 -
jQuery中delegate與on的用法與區別
對世界所有愛的渴望,對孤獨中尋求自我的沉陷,對知識的追求,這三種純潔而無比強烈的感情支配着我前半程。 這三種感情就像狂風暴雨一樣,在無邊無際的大海中,肆虐地把我推向遠方,推到瀕臨絕望的深淵。 我尋求這個世界每 -
關於jquery插件jTimer(jquery定時器)使用方法
複製代碼 代碼如下:(function ($) {$nd({timer: function (action,context,time) {var _timer;if ($nction(action)) {(function () {_timer = setInterval(function () {if (!action(context)) {clearInterval(_time -
jQuery中delegate()實例用法
黎x是新化三中305班應屆畢業生。於1991年出生於新化一個偏僻鄉村——溫塘鎮,在國小、國中的學習中,他一直是學校的佼佼者,XX年以全縣會考總分第一名的成績就讀於新化三中,在三中的學習中,他期期榮獲學校第一名,在市縣排名中 -
jQuery中nextAll()方法用法欣賞
今年暑假,我遊覽了麗水市的千峽湖,那裏風光秀麗,水也是碧綠無暇,好似塊碧綠的玉。每座山都有自己的性格,有的如江南淑女,優雅文靜;有的如龍騰虎躍,氣勢壯觀……我們乘着遊艇,緩慢的行駛在這清澈的千峽湖之上。忽然 -
jQuery中outerWidth的方法介紹
提到三國中蜀漢帝國的滅亡,很多人將責任推在了扶不起的阿斗身上。甚至有激進的觀點表示,如果諸葛亮真的取代了劉禪的王位,說不定就一統中原,恢復漢室了。在劉備去世後,諸葛亮的權力可謂是達到了人生的頂峯,離皇位只有一步之 -
JQuery中Text方法用法實例分析
本文實例講述了jQuery的text()方法用法。分享給大家供大家參考。具體分析如下:此方法返回或者設置匹配元素的文本內容。如需瞭解更多相關內容可參閱參考手冊text()方法。特別說明:HTML內容就是內容中可以包含HTML標籤, -
jQuery中ajax的get()方法運用示例
jQuery中ajax的get()方法運用示例$()通過 HTTP GET請求從服務器上請求數據。語法結構:複製代碼 代碼如下:$(url, [data], [callback], [type]);參數解析::必須,規定請求的'URL。:可選,待發送 Key/value 參數。back -
jQuery中使用了document和window哪些屬性和方法小結
veElement獲取文檔當前獲得焦點的元素 在jQuery中使用方式如下 || lementsByTagName( "head" )[0] ,可見並非所有瀏覽器支持 獲得當前文檔的HTMLBodyElement元素 atMode獲取當前文檔的渲染方式。返回值:BackCompat(怪癖 -
Unix更新freeBSDportTree的幾種方法
爲了使我們安裝的軟件是最新的版本,我們有必要定期更新Port Tree,所謂的更新port就是更新patches 。以下是小編爲大家搜索整理的Unix更新freeBSDportTree的幾種方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應