jQuery.extend和jQuery.fn.extend的區別

jQuery.extend和jQuery.fn.extend的區別，其實從這兩個辦法自己也就能夠看出來。不少地方說的也不詳細。這裏詳細說說之間的區別.

工具/原料

• jQuery庫。

• javascript

方法/步驟

1. 咱們先把jQuery當作了一個類，這樣好理解一些。

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

   假設咱們把jQuery這個類當作是人類，能吃飯能喝水能跑能跳，如今咱們用jQuery.extend這個方法給這個類拓展一個能唱歌的技能。這樣的話，不管是男人，女人，xx人.....等能繼承這個技能（方法）了。

   能夠以下圖這樣寫着：

2. 而後：$.liu();這樣就能打印出來」liu「這個字符串

   代碼在下面：

3.  這說明啥啊，這說明.liu()變成了jQuery這個類自己的方法（object）嘛。他如今能」唱歌「了。

   可是吧，這個能力啊，只有表明全人類的 jQuery 這個類自己，才能用啊。你我的想用，你張三李四王五麻六，你個小草民能表明全人類嘛？

   因此啊，這個擴展也就是所謂的靜態方法。只跟這個 類 自己有關。跟你具體的實例化對象是不要緊滴。

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

   從字面理解嘛，這個拓展的是jQuery.fn的方法。

   jQuery.fn是啥玩意呢？

   源碼以下

4. 哦，原來jQuery.fn=jQuery.prototype，就是原型啊。

   那就一目瞭然了，jQuery.fn.extend拓展的是jQuery對象（原型的）的方法啊！

   對象是啥？就是類的實例化嘛，例如

   $("#abc") 

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

   那就是說，jQuery.fn.extend拓展的方法，你得用在jQuery對象上面才行啊！他得是張三李四王五痳六這些實例化的對象才能用啊。

   說白了就是得這麼用（假設xyz()是拓展的方法）：

   $('selector').xyz();

    你要是這麼用$.xyz()；是會出錯誤滴。

   代碼看下面圖片：

5. 5

    和上邊的區別區別一目瞭然吧？

   其實吧，jQuery.extend()這個方法，主要是用來拓展個全局函數啦，例如$.ajax()這種，要不就是拓展個選擇器啦，例如$.fn.each()，當選擇器用。

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

     

       http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html       // jQuery.extend(settings, options);