轉(zhuǎn)自網(wǎng)絡(luò)
jQuery.extend擴(kuò)展函數(shù)的用法記錄下來(lái)。
1、擴(kuò)展jQuery靜態(tài)方法.
1
$.extend({
2
test:function(){alert('test函數(shù)')}
3
})
用法: $.test()
2、合并多個(gè)對(duì)象.
為jQuery.extend(css1,css2)為例，css1,css2個(gè)有一些屬性(法照樣會(huì)比處理,這里之講屬性).
extend函數(shù)會(huì)把css2有而css2沒(méi)有的屬性加到css1中,如果css2的某個(gè)屬性與css1的某個(gè)屬性名稱(chēng)享用，就會(huì)用css2的屬性去覆蓋css1的同名屬性。css1就是最后的整和對(duì)象。或者也可以用 ：
var newcss = jquery.extend(css1,css2) newcss就是合并的新對(duì)象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新對(duì)象.而且沒(méi)有破壞css1的結(jié)構(gòu)。
1
//用法: jQuery.extend(obj1,obj2,obj3,
..)
2var Css1={size: "10px",style: "oblique"}
3var Css2={size: "12px",style: "oblique",weight: "bolder"}
4$.jQuery.extend(Css1,Css2)
5//結(jié)果:Css1的size屬性被覆蓋,而且繼承了Css2的weight屬性
6// Css1 = {size: "12px",style: "oblique",weight: "bolder"}
7
3。深度鑲套對(duì)象
新的extend()允許你更深度的合并鑲套對(duì)象。下面的例子是一個(gè)很好的證明。
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
5 );
6 // 結(jié)果:
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 // 結(jié)果
14 // => { name: “John”, last: “Resig”,
15 // location: { city: “Boston”, state: “MA” } }
16
17