jQuery.extend和jQuery.fn.extend的區(qū)別

jQuery為開發(fā)插件提拱了兩個方法棋蚌,分別是:

  1. jQuery.fn.extend();

  2. jQuery.extend();

雖然 javascript沒有明確的類的概念嫁佳,但是可以構(gòu)建類似類的定義。

jQuery便是一個封裝得非常好的類谷暮,比如蒿往,$("#btn1") 會生成一個 jQuery類的實例,理解這一點很重要湿弦。

所以簡單說

jQuery.extend()為擴展jQuery類本身.為類添加新的方法瓤漏。
jquery.fn.extend(object);給jQuery對象添加方法。

(1). jQuery.extend(object);
jQuery.extend()颊埃,是擴展的jQuery這個類蔬充。
假設(shè)我們把jQuery這個類看成是人類,能吃飯能喝水能跑能跳班利,現(xiàn)在我們用jQuery.extend這個方法給這個類拓展一個能唱歌的技能娃惯。這樣的話,不論是男人肥败,女人,xx人.....等能繼承這個技能(方法)了愕提。

可以如下圖這樣寫著:

jQuery.extend({

    liu: function(){
         alert('liu');
  }
});

然后:
**$.liu();
**這樣就能打印出來”liu“這個字符串測試代碼如下:

<!doctype html>
<html lang="zh-cmn-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-2.1.1.js"></script>
    <script type="text/javascript">
    (function($) {
        $.extend({
            liu: function(){
             alert('liu');
        }
    });
    })(jQuery);
    </script>

    <script type="text/javascript">
    $(document).ready(function() {
        $.liu();
    });
    </script>
</head>
<body></body>
</html>

這說明啥啊馒稍,這說明.liu()變成了jQuery這個類本身的方法(object)嘛。他現(xiàn)在能”唱歌“了浅侨。

但是吧纽谒,這個能力啊,只有代表全人類的 jQuery 這個類本身如输,才能用啊鼓黔。你個人想用央勒,你張三李四王五麻六,你個小草民能代表全人類嘛澳化?

所以啊崔步,這個擴展也就是所謂的靜態(tài)方法。只跟這個 類 本身有關(guān)缎谷。跟你具體的實例化對象是沒關(guān)系滴井濒。

我們再看看jQuery.fn.extend()這個方法。

從字面理解嘛列林,這個拓展的是jQuery.fn的方法瑞你。

jQuery.fn是啥玩意呢?

源碼里是這么寫的:

jQuery.fn = jQuery.prototype = {      
      init: function( selector, context ) {//….    
      //……      
   };   

哦希痴,原來
**jQuery.fn=jQuery.prototype
**者甲,就是原型啊。

那就一目了然了砌创,jQuery.fn.extend拓展的是jQuery對象(原型的)的方法奥哺住!

對象是啥纺铭?就是類的實例化嘛寇钉,例如

$("#abc")

這個玩意就是一個實例化的jQuery對象嘛。

那就是說舶赔,jQuery.fn.extend拓展的方法扫倡,你得用在jQuery對象上面才行啊竟纳!他得是張三李四王五痳六這些實例化的對象才能用啊撵溃。

說白了就是得這么用(假設(shè)xyz()是拓展的方法):

$('selector').xyz();

你要是這么用$.xyz();是會出錯誤滴锥累。例子源碼如下:

<!doctype html>
<html lang="zh-cmn-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-2.1.1.js"></script>
    <script type="text/javascript">
    (function($) {
        $.fn.extend({
            liu: function(){
             alert('liu');
         }
    });
    })(jQuery);
    </script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('div').liu();
    });
    </script>
</head>

<body>
    <div></div>
</body>
</html>

和上邊的區(qū)別區(qū)別一目了然吧缘挑?

其實吧,jQuery.extend()這個方法桶略,主要是用來拓展個全局函數(shù)啦语淘,例如$.ajax()這種,要不就是拓展個選擇器啦际歼,例如$.fn.each()惶翻,當(dāng)選擇器用。

**大部分插件都是用jQuery.fn.extend()鹅心。
**

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吕粗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子旭愧,更是在濱河造成了極大的恐慌颅筋,老刑警劉巖宙暇,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異议泵,居然都是意外死亡杰标,警方通過查閱死者的電腦和手機趁仙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人群凶,你說我怎么就攤上這事沫浆∏#” “怎么了飞苇?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長收夸。 經(jīng)常有香客問我坑匠,道長,這世上最難降的妖魔是什么卧惜? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任厘灼,我火速辦了婚禮,結(jié)果婚禮上咽瓷,老公的妹妹穿的比我還像新娘设凹。我一直安慰自己,他們只是感情好茅姜,可當(dāng)我...
    茶點故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布闪朱。 她就那樣靜靜地躺著,像睡著了一般钻洒。 火紅的嫁衣襯著肌膚如雪奋姿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天素标,我揣著相機與錄音称诗,去河邊找鬼。 笑死头遭,一個胖子當(dāng)著我的面吹牛寓免,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播计维,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼袜香,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了享潜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤嗅蔬,失蹤者是張志新(化名)和其女友劉穎剑按,沒想到半個月后疾就,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡艺蝴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年猬腰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片猜敢。...
    茶點故事閱讀 40,567評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡姑荷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出缩擂,到底是詐尸還是另有隱情鼠冕,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布胯盯,位于F島的核電站懈费,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏博脑。R本人自食惡果不足惜憎乙,卻給世界環(huán)境...
    茶點故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叉趣。 院中可真熱鬧泞边,春花似錦、人聲如沸疗杉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乡数。三九已至椭蹄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間净赴,已是汗流浹背绳矩。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留玖翅,地道東北人翼馆。 一個月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像金度,于是被迫代替她去往敵國和親应媚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容