jQuery 教程
jQuery.extend()方法
jQuery 雜項(xiàng)方法實(shí)例
遍歷數(shù)組元素,并修改第一個(gè)對(duì)象
<div id="log"></div>
<script>
$(function () {
var object1 = {
apple: 0,
banana: {weight: 52, price: 100},
cherry: 97
};
var object2 = {
banana: {price: 200},
durian: 100
};
/* object2 合并到 object1 中 */
$.extend(object1, object2);
var printObj = typeof JSON != "undefined" ? JSON.stringify : function(obj) {
var arr = [];
$.each(obj, function(key, val) {
var next = key + ": ";
next += $.isPlainObject(val) ? printObj(val) : val;
arr.push( next );
});
return "{ " + arr.join(", ") + " }";
};
$("#log").append( printObj(object1) );
})
</script>
運(yùn)行代碼 ?
定義和用法
jQuery.extend() 函數(shù)用于將一個(gè)或多個(gè)對(duì)象的內(nèi)容合并到目標(biāo)對(duì)象。
注意：1. 如果只為$.extend()指定了一個(gè)參數(shù)，則意味著參數(shù)target被省略。此時(shí)，target就是jQuery對(duì)象本身。通過這種方式，我們可以為全局對(duì)象jQuery添加新的函數(shù)。
2. 如果多個(gè)對(duì)象具有相同的屬性，則后者會(huì)覆蓋前者的屬性值。
語(yǔ)法
$.extend( target [, object1 ] [, objectN ] )
指示是否深度合并
$.extend( [deep ], target, object1 [, objectN ] )
警告: 不支持第一個(gè)參數(shù)傳遞 false 。
| 參數(shù) | 描述 |
|---|---|
| deep | 可選。 Boolean類型 指示是否深度合并對(duì)象，默認(rèn)為false。如果該值為true，且多個(gè)對(duì)象的某個(gè)同名屬性也都是對(duì)象，則該"屬性對(duì)象"的屬性也將進(jìn)行合并。 |
| target | Object類型 目標(biāo)對(duì)象，其他對(duì)象的成員屬性將被附加到該對(duì)象上。 |
| object1 | 可選。 Object類型 第一個(gè)被合并的對(duì)象。 |
| objectN | 可選。 Object類型 第N個(gè)被合并的對(duì)象。 |
更多實(shí)例
遞歸方式合并兩個(gè)對(duì)象
采用遞歸方式合并兩個(gè)對(duì)象，并修改第一個(gè)對(duì)象。
合并 defaults 和 options 對(duì)象
合并 defaults 和 options 對(duì)象，并且不修改 defaults 對(duì)象。這是常用的插件開發(fā)模式。
其他擴(kuò)展