介紹jQuery.extend函數詳細用法
1、擴展jQuery靜態方法.
1 $.extend({ |
用法: $.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,..) |
3。深度鑲套對象
新的extend()允許你更深度的合并鑲套對象。下面的例子是一個很好的證明。
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
5 );
6 // 結果:
7 // => { name: “John”, last: “Resig”, location: { state: “MA” } }
8 // 新的更深入的 .extend()
9 jQuery.extend( true,
10 { name: “John”, location: { city: “Boston” } },
11 { last: “Resig”, location: { state: “MA” } }
12 );
13 // 結果
14 // => { name: “John”, last: “Resig”,
15 // location: { city: “Boston”, state: “MA” } }
16
17
【編輯推薦】