jQuery擴展

jQuery.extend:

1、對象合并:將后面所有對象的值,覆蓋在第一個對象上。(不適用于數(shù)組)

var aa={"name":"zs","age":18};
var bb = {"name":"cs"};
var cc = {"name":"fx"};
console.log(jQuery.extend(aa,bb,cc));//{name: "fx", age: 18}
console.log(aa,bb,cc);//bb,cc的值不變。aa和jQuery.extend的值是一樣的

2、深度拷貝:
若第一個參數(shù)為true,則會將后面的參數(shù)全部拷貝至第二個參數(shù)。否則像下例的location會被覆蓋,而深度拷貝對于相同名稱的屬性,會值覆蓋屬性對象中相同的參數(shù),其他屬性保持。

var result=$.extend( true,{},
        { name: "John", location: {city: "Boston",county:"USA"} },
        { last: "Resig", location: {state: "MA",county:"China"} }
);
console.log(result);

3、方法擴展:(原理同1)

jQuery.extend(jQuery.expr[':'], {
    'x': function (e) {
        return e.type === 'text';
    },
    'y': function (e) {
        return e.type === 'button';
    }
});

jQuery.fn.extend:

jQuery.fn是所有jQuery對象的原型對象。給其添加函數(shù),相當于給所有jQuery對象添加方法。

jQuery.fn.extend({
    'vvv':function () {
        console.log($(this).val());
    },
    'xxx':function () {
        console.log($(this).attr("class"));
    }
});
//使用
$(".x04").vvv();
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 什么是jQuery插件? 擴展jQuery原型對象的一個方法(jQuery插件是jQuery對象的一個方法)jQu...
    yztldxdzhu閱讀 575評論 0 0
  • 當我們使用jQuery對象的方法時,由于jQuery對象可以操作一組DOM,而且支持鏈式操作,所以用起來非常方便。...
    _我和你一樣閱讀 290評論 0 1
  • 花邊花邊花邊!
    扶搖搖搖搖搖搖閱讀 238評論 1 2
  • 蚓無爪牙之力,肱骨之強,上食埃土,下飲黃泉,用心一也。 以前的我總是以為好多事情只要了解了就夠了,漸漸的就變成現(xiàn)在...
    邶閾閱讀 1,110評論 0 0
  • 夜空作你的舞臺 生命是你的柴薪 用一生的時間 鍛造一瞬的明光 從自我的最深處綻放 卻只是黑色瞳仁里 一點灼傷
    棲遲一杯酒閱讀 174評論 0 1

友情鏈接更多精彩內(nèi)容