jQuery $.extend()用法總結_jquery

jQuery為開發插件提拱了兩個方法，分別是：
jQuery.fn.extend(object);

jQuery.extend(object);
jQuery.extend(object);為擴展jQuery類別本身.為類別新增新的方法。
jQuery.fn.extend(object);為jQuery物件新增方法。這個應該很好理解吧。舉個例子。

複製程式碼 程式碼如下:

new soul

new soul

new soul

new soul

好的，上面你也看到了一點點$.extend()的用法。

1.合併多個物件。

這裡使用的就是$.extend()的嵌套多個物件的功能。

所謂嵌套多個對象，有點類似數組的合併的操作。

但這裡是物件。舉例說明。

複製程式碼 程式碼如下:

//用法: 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"}

2.深度嵌套物件。

複製程式碼 程式碼如下:

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” } }

3.可以為jQuery新增靜態方法。

複製程式碼 程式碼如下: