實例詳解jQuery中extend函數簡單用法

本文主要介紹了jQuery中extend函數簡單用法,結合實例形式簡單分析了jQuery使用extend函數擴展物件屬性的相關操作技巧,需要的朋友可以參考下，希望能幫助到大家。

本文實例講述了jQuery中extend函數簡單用法。分享給大家供大家參考，具體如下：

var result=$.extend({},item,item1);

extend為物件新增新的屬性：js外掛經常使用來設定參數
{}：item和item1合併後的結果
item:預設屬性
item1:新增屬性，如果item1和item屬性重合則會覆寫item1中的屬性

<span id="Test"></span>

var item={"name":"olive","age":23};
var item1={"name":"Momo",sex:"gril"};
var result=$.extend({},item,item1);
console.log(JSON.stringify(result));
$("#Test").text(JSON.stringify(result))

結果：

分析：

結果顯示item1的name屬性覆寫了item的name屬性，而item和item1物件的不重疊屬性互相不會產生影響，會統一由result物件繼承，許多js框架都是透過設定預設的配置，然後透過extend函數，使用者可以自訂相關配置，從而達到框架個人化使用的目的。

相關推薦：

jquery的extend方法解析

#Javascript中object.extend靜態方法使用實例詳解

#jquery的extend和fn.extend

#

以上是實例詳解jQuery中extend函數簡單用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！