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

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

小云云
發布: 2017-12-26 17:13:16
原創
1472 人瀏覽過

本文主要介紹了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中文網其他相關文章!

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