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

1、擴展jQuery靜態方法.

1 $.extend( {
2 test: 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 var ?Css1 = {size:? " 10px " ,style:? " oblique " }
3 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 ????? {?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

???

(轉載地址： http://www.cnblogs.com/luckboy/archive/2009/06/25/1510870.html )

?

jQuery.extend函數詳細用法！