成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

淺談jQuery.extend()和jQuery.fn.extend()

EasonTyler / 3462人閱讀

摘要：在中并沒有類的概念，不過為了好解釋或者是思想上的統(tǒng)一。這樣的話，不論是男人，女人，人等能繼承這個技能方法了。這樣就可以將進行合并，然后將合并結(jié)果返回給了。

最近在看一些jQuery的插件源碼，發(fā)現(xiàn)了jQuery.extend()和jQuery.fn.extend()兩個方法在插件中用到的頻率非常高，在網(wǎng)上查詢了下，說的要么是不清楚，要么就是不好理解?；诖耍覍懴伦约旱囊恍┛葱?，希望大家指正。在JS中并沒有類的概念，不過為了好解釋或者是思想上的統(tǒng)一。我姑且把jQuery看成了一個類，方便理解。

jQuery.extend()，是擴展的jQuery這個類。
假設(shè)我們把jQuery這個類看成是人類，能吃飯能喝水能跑能跳，現(xiàn)在我們用jQuery.extend這個方法給這個類拓展一個能唱歌的技能。這樣的話，不論是男人，女人，xx人.....等能繼承這個技能（方法）了。

jQuery.extend({
        test:function(){
            alert("我是測試~");
        }
    });    
$.test();    //彈出alert。test表明是jQuery的一個靜態(tài)方法了。

這個擴展也就是所謂的靜態(tài)方法。只跟這個類（jQuery）本身有關(guān)。跟你具體的實例化對象$("#ID")是沒關(guān)系滴。

Jquery的擴展方法原型是:　　　

extend(dest,src1,src2,src3...);

它的含義是將src1,src2,src3...合并到dest中,返回值為合并后的dest,由此可以看出該方法合并后，是修改了dest的結(jié)構(gòu)的。如果想要得到合并的結(jié)果卻又不想修改dest的結(jié)構(gòu)，可以如下使用：

var newSrc=$.extend({},src1,src2,src3...)//也就是將"{}"作為dest參數(shù)。

這樣就可以將src1,src2,src3...進行合并，然后將合并結(jié)果返回給newSrc了。如下例：

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

那么合并后的結(jié)果

  result={name:"Jerry",age:21,sex:"Boy"}

也就是說后面的參數(shù)如果和前面的參數(shù)存在相同的名稱，那么后面的會覆蓋前面的參數(shù)值。

省略dest參數(shù)
上述的extend方法原型中的dest參數(shù)是可以省略的，如果省略了，則該方法就只能有一個src參數(shù)，而且是將該src合并到調(diào)用extend方法的對象中去，如：
　　1、$.extend(src)
　　該方法就是將src合并到j(luò)query的全局對象中去，如：

 $.extend({
  hello:function(){alert("hello");}
  });

就是將hello方法合并到j(luò)query的全局對象中。

jQuery.fn.extend()，是擴展的jQuery這個類的對象。

說白了就是得這么用（假設(shè)xyz()是拓展的方法）：
$("selector").xyz();
你要是這么用$.xyz()；是會出錯誤滴。

(function($){
        $.fn.extend({
            xyz:function(){
                alert("我是測試對象的~~~");
            }
        });
    })(jQuery);

$("#ID").xyz();   //彈出alert，內(nèi)容“我是測試對象的~~~”

總結(jié)，jQuery.extend()這個方法，主要是用來拓展個全局函數(shù)啦，例如$.ajax()這種，要不就是拓展個選擇器啦，例如$.fn.each()，當選擇器用。
大部分插件都是用jQuery.fn.extend()。

附：Jquery的extend方法還有一個重載原型：

extend(boolean,dest,src1,src2,src3...)

第一個參數(shù)boolean代表是否進行深度拷貝，其余參數(shù)和前面介紹的一致，什么叫深層拷貝，我們看一個例子：

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

我們可以看出src1中嵌套子對象location:{city:"Boston"},src2中也嵌套子對象location:{state:"MA"},第一個深度拷貝參數(shù)為true，那么合并后的結(jié)果就是：

result={name:"John",last:"Resig",
        location:{city:"Boston",state:"MA",county:"China"}}

也就是說它會將src中的嵌套子對象也進行合并，而如果第一個參數(shù)boolean為false，我們看看合并的結(jié)果是什么，如下：

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

那么合并后的結(jié)果就是:

 result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

以上就是$.extend()在項目中經(jīng)常會使用到的一些細節(jié)。

更多資源上：去轉(zhuǎn)盤網(wǎng)，如有興趣可以加我的Q群一起討論學(xué)習(xí)js，css，Python爬蟲等技術(shù)。（QQ群：512245829）

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/80161.html

相關(guān)文章

  • JavaScript中的函數(shù)重載（Function overloading）

    摘要：說明中沒有真正意義上的函數(shù)重載。先看第一種辦法，通過對象來實現(xiàn)對象，是函數(shù)內(nèi)部的一個類數(shù)組對象，它里面保存著調(diào)用函數(shù)時，傳遞給函數(shù)的所有參數(shù)。 說明 JavaScript 中沒有真正意義上的函數(shù)重載。 函數(shù)重載 函數(shù)名相同，函數(shù)的參數(shù)列表不同(包括參數(shù)個數(shù)和參數(shù)類型)，根據(jù)參數(shù)的不同去執(zhí)行不同的操作。 我們舉個例子看看 function overload(a){ conso...

    inapt 評論0 收藏0

  • 詳解 Jquery extend() 和Jquery.fn.extend()

    摘要：文檔上的解釋將一個或者多個對象擴展一個新對象，返回一個新的對象是否深度克隆對象，將要擴展到的新對象，待合并到新對象的第一個對象，待合并到新對象的第個對象例將合并到作為一個新對象，此時輸出的所輸出內(nèi)容將是兩個對象屬性集合，我們之所以這么做，可 Jquery extend() API文檔上的解釋:將一個或者多個對象擴展一個新對象，返回一個新的對象 $.extend([deep],targ...

    hlcfan 評論0 收藏0

  • jQuery源碼分析-整體架構(gòu)（轉(zhuǎn)）

    摘要：文章出處拜讀一個開源框架，最想學(xué)到的就是設(shè)計的思想和實現(xiàn)的技巧。利用下的簡單工廠模式，來將所有對于同一個對象的操作指定同一個實例。所以的中提供了以上中擴展函數(shù)。 文章出處 http://www.cnblogs.com/aaronjs/p/3278578.html 拜讀一個開源框架，最想學(xué)到的就是設(shè)計的思想和實現(xiàn)的技巧。 廢話不多說，jquery這么多年了分析都寫爛了，老早以前就拜讀過，...

    voidking 評論0 收藏0

  • 手把手教你JQuery插件的寫法和規(guī)范

    摘要：示例合并和，修改并返回。例如我們插件里面需要有個方法來檢測用戶調(diào)用插件時傳入的參數(shù)是否符合規(guī)范。私有方法，檢測參數(shù)是否合法調(diào)用調(diào)用調(diào)用者覆蓋插件暴露的共公方法調(diào)用自定義高亮插件 本文實例講述了jQuery插件編寫步驟。分享給大家供大家參考，具體如下： 如今做web開發(fā)，jquery 幾乎是必不可少的，就連vs神器在2010版本開始將Jquery 及ui 內(nèi)置web項目里了。至于使用jq...

    Alex 評論0 收藏0

  • jQuery結(jié)構(gòu)簡析

    摘要：構(gòu)成類數(shù)組對象，引入，并使其自增版本信息模擬數(shù)組，即這里構(gòu)成一個類數(shù)組對象由于這里把作為構(gòu)造函數(shù)調(diào)用，得到一個對象，所以我們把作為的原型。 本文簡單實現(xiàn)jQuery框架，深入理解javascript對象。本文的對照版本是jQuery-1.2.6.js 本文注重jquery結(jié)構(gòu)設(shè)計思路，并不側(cè)重具體功能的實現(xiàn)以及兼容性和安全性的部分。 首先建立基本框架如下： (function(wind...

    xiaokai 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<