jquery插件開發所需要的方法

1、$.fn是jquery的定義的一個特別名稱,可以通過這樣來定義一個方法:

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

$.fn是指jquery的命名空間,加上fn上的方法及屬性,會對每一個jquery實例有效。 
我們可以通過這樣來調用這個方法。這個方法是直接繼承原來的元素。

$('div').test();

2、$.fx也是jquery的定義的一個特別名稱,是指jquery的特效。 
如果使用顯示、滑動、淡入淡出、動畫等。 
$.fx.off可以關閉動畫,其實是直接顯示結果。 

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

     }
}; 

3、jquery的extend和fn.extend 

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

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

這很好理解:就是爲所有$('#div')這樣的實例對象封裝一個新的方法,以後我們就可以直接通過

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

  }
}); 

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

2、爲擴展jQuery類本身.爲類添加新的方法。 
jQuery.extend(object); 

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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章