jQuery.extend函數詳細用法！

一、擴展jQuery靜態方法.

$.extend({
test:function(){alert('test函數')}
})

用法: $.test()

二、合併多個對象.
爲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的結構。

//用法:

jQuery.extend(obj1,obj2,obj3,..)
var Css1={size: "10px",style: "oblique"}
var Css2={size: "12px",style: "oblique",weight: "bolder"}
$.jQuery.extend(Css1,Css2

//結果:Css1的size屬性被覆蓋,並且繼承了Css2的weight屬性
// Css1 = {size: "12px",style: "oblique",weight: "bolder"}

三、深度鑲套對象

新的extend()容許你更深度的合併鑲套對象。下面的例子是一個很好的證實。

// 之前的 .extend()  

jQuery.extend(
{ name: 「John」, location: { city: 「Boston」 } },
{ last: 「Resig」, location: { state: 「MA」 } }
);

 

// 結果:  
// => { name: 「John」, last: 「Resig」, location: { state: 「MA」 } }

// 新的更深刻的 .extend()  

jQuery.extend( true,
{ name: 「John」, location: { city: 「Boston」 } },
{ last: 「Resig」, location: { state: 「MA」 } }
);

 

// 結果   // => { name: 「John」, last: 「Resig」,   // location: { city: 「Boston」, state: 「MA」 } }