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"}
3var 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: { 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