jquery插件開發所須要的方法

jquery插件開發所須要的方法javascript

摘要:插件是一個好東西,它是一個徹底獨立的模塊。不會受到其它模塊的影響,能夠隨時引用,不會衝突。維護起來方便簡單,一些比較通用的獨立模塊,咱們都傾向於開發插件,以方便多個項目共用。java

一、$.fn是jquery的定義的一個特別名稱,能夠經過這樣來定義一個方法:jquery

$.fn.test=function(otherString){
    //邏輯
};

$.fn是指jquery的命名空間,加上fn上的方法及屬性,會對每個jquery實例有效。 
咱們能夠經過這樣來調用這個方法。這個方法是直接繼承原來的元素。jquery插件

$('div').test();

二、$.fx也是jquery的定義的一個特別名稱,是指jquery的特效。 
若是使用顯示、滑動、淡入淡出、動畫等。 
$.fx.off能夠關閉動畫,實際上是直接顯示結果。 動畫

jQuery.fn = jQuery.prototype = { 
   init: function( selector, context ) {

     }
};

三、jquery的extend和fn.extend 

jQuery爲開發插件提拱了兩個方法,分別是:spa

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

這很好理解:就是爲全部$('#div')這樣的實例對象封裝一個新的方法,之後咱們就能夠直接經過插件

$.fn.extend({ 
  test:function(){ 

  }
});

$('#div').test()來調用咱們封裝的方法了。code

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

這個就是直接封裝一個獨立的方法,引用文件就能夠調用。

$.extend({ 
  test:function(a,b){return a+b;} 
});

$.test(1,2);這樣就能夠使用這個方法了。

這樣封裝的方法就能夠很好的爲jquery插件服務了。本人只是一名菜鳥,可能有些地方理解有誤,歡迎指正

相關文章
相關標籤/搜索