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插件服務了。本人只是一名菜鳥,可能有些地方理解有誤,歡迎指正