首頁  >  文章  >  web前端  >  分享jQuery.extend函數詳細用法

分享jQuery.extend函數詳細用法

巴扎黑
巴扎黑原創
2017-07-09 11:55:15980瀏覽

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

1、擴充jQuery靜態方法.

1分享jQuery.extend函數詳細用法分享jQuery.extend函數詳細用法#$.extend(
分享jQuery.extend函數詳細用法分享jQuery.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,..)
##2分享jQuery.extend函數詳細用法分享jQuery.extend函數詳細用法var Css1#=##{size: #"10px",style: "oblique" }
3
分享jQuery.extend函數詳細用法分享jQuery.extend函數詳細用法#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分享jQuery.extend函數詳細用法分享jQuery.extend函數詳細用法     #{ name: 「John」, location: { name: 「John」, location: { name: 「John」, location: { name: 「John」, location: 
{ name: 「John」, location: 分享jQuery.extend函數詳細用法{ 分享jQuery.extend函數詳細用法#{ city: 「Boston」 }# },    4#     
{ last: 「Resig」, location: 
#{ state: 「MA 」 } }##   # 5
   );   
 6    // 結果:   
 7#    //卷」, location: { state: 「MA」  }
#####################################################################################################################################################################################################################家]個好頭: 「MA」 ####### 8###############  ######//###### 新的更深入的 .extend()   ##### #####
 9##   jQuery.extend( #,   
##10 分享jQuery.extend函數詳細用法   分享jQuery.extend函數詳細用法{名稱:「約翰」,位置: { 城市:「波士頓」 } },   
11##     分享jQuery.extend函數詳細用法分享jQuery.extend函數詳細用法 {最後:“Resig”,位置:#{狀態:“MA”}##}    #12
  );   ##13
#  // 結果   14
    //# => {姓名:“約翰”,姓氏:“雷西格”,   ##15
# //      位置:{ 城市:「波士頓」,州:「麻薩諸塞州」} }  ##16
17
#   

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn