国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

EasonTyler / 3414人閱讀

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

最近在看一些jQuery的插件源碼，發(fā)現(xiàn)了jQuery.extend()和jQuery.fn.extend()兩個(gè)方法在插件中用到的頻率非常高，在網(wǎng)上查詢了下，說的要么是不清楚，要么就是不好理解。基于此，我寫下自己的一些看些，希望大家指正。在JS中并沒有類的概念，不過為了好解釋或者是思想上的統(tǒng)一。我姑且把jQuery看成了一個(gè)類，方便理解。

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

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

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

Jquery的擴(kuò)展方法原型是:　　　

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...進(jìn)行合并，然后將合并結(jié)果返回給newSrc了。如下例：

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

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

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

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

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

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

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

jQuery.fn.extend()，是擴(kuò)展的jQuery這個(gè)類的對(duì)象。

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

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

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

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

附：Jquery的extend方法還有一個(gè)重載原型：

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

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

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

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

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

也就是說它會(huì)將src中的嵌套子對(duì)象也進(jìn)行合并，而如果第一個(gè)參數(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()在項(xiàng)目中經(jīng)常會(huì)使用到的一些細(xì)節(jié)。

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/80161.html

相關(guān)文章

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

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

    inapt 評(píng)論0 收藏0

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

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

    hlcfan 評(píng)論0 收藏0

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

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

    voidking 評(píng)論0 收藏0

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

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

    Alex 評(píng)論0 收藏0

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

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

    xiaokai 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<