首頁 > web前端 > js教程 > 主體

jQuery中extend函數使用介紹

小云云
發布: 2018-01-25 10:46:38
原創
1328 人瀏覽過

本文主要介紹了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淺拷貝與深拷貝實例解析

jQuery中的deferred物件和extend區別詳解

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


#

以上是jQuery中extend函數使用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!