首頁 > web前端 > js教程 > jQuery $.extend()用法總結_jquery

jQuery $.extend()用法總結_jquery

WBOY
發布: 2016-05-16 16:44:40
原創
1094 人瀏覽過

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新增靜態方法。
複製程式碼 程式碼如下:










相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板