這篇文章主要介紹了jQuery $.extend()用法,需要的朋友可以參考下
jQuery為開發外掛提拱了兩個方法,分別是:
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object);為擴展jQuery類別本身.為類別新增新的方法。
jQuery.fn.extend(object);為jQuery物件新增方法。這個應該很好理解吧。舉個例子。
複製程式碼 程式碼如下:
font-size:18px;">
new soul
new soul
< h3 class="ye">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新增靜態方法。
複製程式碼 程式碼如下:
< /span>
以上是jQuery $.extend()用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!