jQuery中extend函數(shù)簡(jiǎn)單用法示例
本文實(shí)例講述了jQuery中extend函數(shù)簡(jiǎn)單用法。分享給大家供大家參考，具體如下：
var result=$.extend({},item,item1);
extend給對(duì)象添加新的屬性：js插件經(jīng)常使用來(lái)配置參數(shù)
{}：item和item1合并后的結(jié)果
item:默認(rèn)屬性
item1:新增屬性，如果item1和item屬性重合則會(huì)覆蓋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))
結(jié)果：
分析：
結(jié)果表明item1的name屬性覆蓋了item的name屬性，并且item和item1對(duì)象的不重疊屬性相互不會(huì)產(chǎn)生影響，會(huì)統(tǒng)一由result對(duì)象繼承，很多js框架都是通過(guò)設(shè)置默認(rèn)的配置，然后通過(guò)extend函數(shù)，用戶可以自定義相關(guān)配置，從而達(dá)到框架個(gè)性化使用的目的
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery實(shí)現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- 基于jquery trigger函數(shù)無(wú)法觸發(fā)a標(biāo)簽的兩種解決方法
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
- 詳解jQuery中關(guān)于Ajax的幾個(gè)常用的函數(shù)
- jQuery中clone()函數(shù)實(shí)現(xiàn)表單中增加和減少輸入項(xiàng)
- jquery中封裝函數(shù)傳遞當(dāng)前元素的方法示例
- jQuery中map函數(shù)的兩種方式
- jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋
- jQuery中常用動(dòng)畫效果函數(shù)知識(shí)點(diǎn)整理
相關(guān)文章
用jQuery實(shí)現(xiàn)的智能隱藏、滑動(dòng)效果的返回頂部代碼
這篇文章主要介紹了用jQuery實(shí)現(xiàn)的智能隱藏、帶滑動(dòng)效果的返回頂部代碼,非常實(shí)用,需要的朋友可以參考下2014-03-03
JQuery 抓取博客園首頁(yè)RSS直接將代碼保存到文本文檔，更改后綴名為html瀏覽 即可查看效果2011-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
jQuery實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字的相關(guān)資料，非常具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery制作拼圖小游戲,思路與源碼都分享給大家，需要的朋友可以參考下2015-01-01
該系列文章是我閱讀<jQuery Plugin Development Beginner's Guide>后的總結(jié)，有興趣的朋友可以去讀原版的書籍2012-08-08
晚上有插件可以實(shí)現(xiàn)"jquery tab"，但有點(diǎn)復(fù)雜了，我想寫個(gè)最簡(jiǎn)單的，來(lái)實(shí)現(xiàn)"jquery tab"。而事實(shí)上確實(shí)很簡(jiǎn)練2009-05-05
jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例，代碼很完整，也非常實(shí)用，有需要的小伙伴可以參考下。2015-05-05
jQuery 獲取對(duì)象 定位子對(duì)象，學(xué)習(xí)jquery 定位子對(duì)象的朋友可以參考下。2010-05-05
jQuery中操控hidden、disable等無(wú)值屬性的方法
在實(shí)現(xiàn)一些表單提交頁(yè)面時(shí)會(huì)放置若干隱藏屬性，下面為大家介紹下jQuery中如何操控hidden、disable等無(wú)值屬性，感興趣的朋友不要錯(cuò)過(guò)2014-01-01