jQuery中 $.fn的用法

jquery $.fn $.fx是什麼意思

$.fn是指jquery的命名空間，加上fn上的方法及屬性，會對jquery實例每個有效。
如擴展$.fn.abc(),即$.fn.abc()是對jquery擴展了一個abc方法,那麼後面你的每個jquery實例均可以引用這個方法了.
那麼你能夠這樣子：$("#div").abc();
一般使用extend方法擴展，詳細請看API.

jQuery爲開發插件提拱了兩個方法，分別是：

 

jQuery.fn.extend(object);

jQuery.extend(object);

 

jQuery.extend(object);爲擴展jQuery類自己.爲類添加新的方法。

jQuery.fn.extend(object);給jQuery對象添加方法。

 

 

fn是什麼東西呢。查看jQuery代碼，就不難發現。

 

jQuery.fn = jQuery.prototype ={

　　　init: function( selector, context ){//....　

　　　//......

};

 

原來 jQuery.fn =jQuery.prototype.對prototype確定不會陌生啦。

 

雖然javascript　沒有明確的類的概念，可是用類來理解它，會更方便。

jQuery即是一個封裝得很是好的類，好比咱們用語句　$("#btn1") 會生成一個 jQuery類的實例。

 

jQuery.extend(object);　爲jQuery類添加添加類方法，能夠理解爲添加靜態方法。如：

 

$.extend({

　　add:function(a,b){returna+b;}

});

 

便爲　jQuery　添加一個爲add　的　「靜態方法」，以後即可以在引入 jQuery　的地方，使用這個方法了，

$.add(3,4); //return 7

 

jQuery.fn.extend(object);對jQuery.prototype進得擴展，就是爲jQuery類添加「成員函數」。jQuery類的實例能夠使用這個「成員函數」。

好比咱們要開發一個插件，作一個特殊的編輯框，當它被點擊時，便alert當前編輯框裏的內容。能夠這麼作：

 

jQuery代碼 
$.fn.extend({        
        
  alertWhileClick:function(){        
       
      $(this).click(function(){        
       
           alert($(this).val());        
       });        
        
   }        
        
});       

源自：http://blog.sina.com.cn/s/blog_83958bc601012cl9.html