$.extend 的相關(guān)用法

1.1 $.extend(result,item1,item2…..)

將所有的參數(shù)項(xiàng)都合并result中，返回result，會(huì)破壞result的結(jié)構(gòu)。

?

1.2 $.extend({},item1,item2,……)

將所得的結(jié)果全部合并在{}中，并返回，不會(huì)破壞原有的項(xiàng)的結(jié)構(gòu)。

?

1.3 $.extend(bool,{},item1,item2….)

Extend方法還有帶bool型參數(shù)的重載。

bool型參數(shù)為true表示深拷貝，為false時(shí)表示淺拷貝。

示例：

var obj={name：“vanida”,age:25,address{provice:”河南”,city:”鄭州”}};

var obj1={sex:”girl”,address{city:” 上海”}};

var result=$.extend(true,obj,obj1);

var result1=$.extend(false,obj,obj1);

結(jié)果：

result={name：“vanida”,age:25,sex:”gril”,address:{provice:”河南”,city:”上?！眪};

result1={name：“vanida”,age:25,sex:”gril”,address:{ city:”上?！眪};

說(shuō)明：

當(dāng)參數(shù)為ture時(shí)，即為深拷貝，obj的子項(xiàng)有與obj1中的子項(xiàng)相同屬性的值不一樣時(shí)，obj中子項(xiàng)的值會(huì)將obj1子項(xiàng)中的值給覆蓋，當(dāng)子項(xiàng)obj的屬性跟obj1中的屬性不同時(shí)，會(huì)與obj進(jìn)行合并。

當(dāng)參數(shù)為false時(shí)，子項(xiàng)obj中的子項(xiàng)中與obj1中的子項(xiàng)屬性相同時(shí)，obj1中子項(xiàng)的屬性值會(huì)將obj中的值給完全覆蓋。

?

1.4 $.extend(item)

該方法是將item合并到Jquery的全局對(duì)象中去，相當(dāng)于為Jquery全局對(duì)象添加了一個(gè)

靜態(tài)方法（對(duì)應(yīng)這里的靜態(tài)方法，當(dāng)然還有實(shí)例方法，在后邊有介紹）。

示例：

$.extend({SayHello:function(value){alert(“hello “+value);}});

這樣寫過(guò)之后，就可以直接調(diào)用SayHello方法：

$.SayHello(“Olive”);

說(shuō)明：該方法相當(dāng)于為Jquery類添加了新的方法。

?

1.5 $.fn.extend(item)

上邊提到的$.extend(item)說(shuō)是為Jquery類添加了靜態(tài)方法，那么這里的$.fn.extend(item)就是為每一個(gè)實(shí)例添加一個(gè)實(shí)例方法了。

示例：

$.fn.extend({sayName:function(name){alert(“hello “+name);}});

這樣寫過(guò)之后，在獲取每一個(gè)示例之后，都可以調(diào)用該方法：

$(“#id”).sayName(“l(fā)ucas”);

?

1.6 $.fn是指jquery的命名空間，加上fn上的方法及屬性，會(huì)對(duì)jquery實(shí)例每一個(gè)有效。

如擴(kuò)展$.fn.hello(),即$.fn.hello()是對(duì)jquery擴(kuò)展了一個(gè)hello方法,那么后面你的每一個(gè)jquery實(shí)例都可以引用這個(gè)方法了.

那么你可以這樣子：$("#dom").hello();

源碼：

jQuery.fn = jQuery.prototype ={

　　　init: function( selector, context ){//....　

　　　//......

};

?

轉(zhuǎn)自：?https://www.cnblogs.com/xiaojingyuan/p/5755825.html

轉(zhuǎn)載于:https://www.cnblogs.com/chenguangliang/p/10966998.html

總結(jié)

以上是生活随笔為你收集整理的$.extend 的相关用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。