分享jQuery.extend函數詳細用法

最近在研究jQuery。把jQuery.extend擴充函數的用法記錄下來。

1、擴充jQuery靜態方法.

1#$.extend(
##{2test:
#function(){alert(

'

test函數

#')}
#3
}

)

#######用法: $.test()########## ##2、合併多個###物件###.############為jQuery.extend(css1,css2)為例，css1,css2個有一些###屬性# ##(法照樣會比處理,這裡之講屬性).###extend函數會把css2有而css2沒有的屬性加到css1中,如果css2的某個屬性與css1的某個屬性名稱享用，就會用css2的屬性去覆寫css1的同名屬性。 css1就是最後的整和物件。或者也可以用 ：###var newcss = jquery.extend(css1,css2)  newcss就是合併的新物件。 ###var newcss = jquery.extend({},css1,css2) newcss就是合併的新物件.而且沒有破壞css1的結構。 ###

1#//用法: jQuery.extend(obj1,obj2,obj3,..)
##2var Css1#=##{size: #"10px",style: "oblique" }
3#var Css2={size: "12px"##,style : "oblique"#,weight: "bolder #"}4
#$.jQuery.extend(Css1,Css2)#5
//結果:Css1的size屬性被覆寫,而且繼承了Css2的weight屬性6
//# Css1 = {size: "12px",style: "oblique",weight: " bolder"}7

3。深度鑲套物件

新的extend()允許你更深度的合併鑲套物件。下面的例子就是一個很好的證明。

 1 // 以前的 .extend()   
 2   jQuery. extend(   
 3     #{ name: 「John」, location: { name: 「John」, location: { name: 「John」, location: { name: 「John」, location: 
{ name: 「John」, location: { #{ city: 「Boston」 }# },    4#     
{ last: 「Resig」, location: 
#{ state: 「MA 」 } }##   # 5
   );    6    // 結果:   
 7#    //卷」, location: { state: 「MA」  }
#####################################################################################################################################################################################################################家]個好頭: 「MA」 ####### 8###############  ######//###### 新的更深入的 .extend()   ##### ##### 9##   jQuery.extend( #,   
##10    {名稱：「約翰」，位置： { 城市：「波士頓」 } }，   
11##      {最後：“Resig”，位置：#{狀態：“MA”}##}    #12
  );   ##13
#  // 結果   14
    //# => {姓名：“約翰”，姓氏：“雷西格”，   ##15
# //      位置：{ 城市：「波士頓」，州：「麻薩諸塞州」} }  ##16
17
#   

####################################################

以上是分享jQuery.extend函數詳細用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！