jQuery學習之用自定義外掛程式來擴充套件jQuery

1.命名

編寫jquery外掛程式，命名規則一般為jquery.yourname.js

如果這樣也命名重複了的話，可以去jquery官網檢視命名，避免重複。

2.小心$

很多情況下，都是使用$作為jquery的簡寫，但是編寫可能供別人頁面上使用的外掛程式，不能這樣做，可以使用另外一種替代方法

(function($))(jquery);

3.簡化複雜的引數列表

function complex(p1,p2,p3,p4,p5,p6,p7){}

選項雜湊物件,complex(valuea,)

或者使用$.extend()

function complex(p1,options), options||{})

}||{} 是為了防止options為null或者undefined

1.建立運算元據的使用工具函式

$.tofixedwidth = function(value,length,fill)

var padding = length - result.length;
if (padding<0) else;
} return result;
}

2.新增新的包裝器方法

jquery真正的能力是操作dom樹

一般情況下，需要改變作用域為

$.fn.yourname = function()

})(jquery);

#2.保留在包裝器方法之內的狀態

(function($),

nextcontrol: null,
previouscontrol: null,
firstcontrol: null,
lastcontrol: null
},callersettings||{});
settings.photoelement = $(settings.photoelement);
settings.thumbnails = this.filter('img');
settings.thumbnails.each(function(n));
settings.current = 0;
settings.thumbnails.click(function());
settings.photoelement.click(function());
$(settings.nextcontrol).click(function());
$(settings.previouscontrol).click(function());
$(settings.firstcontrol).click(function());
$(settings.lastcontrol).click(function());
showphoto(0);
return this;
};var showphoto = function(index) ;
})(jquery);

jquery自定義外掛程式

jquery自定義外掛程式的幾種常用的方法 第一種方法 fn.fun function target fun 第二種方法 fn.extend target fun 第三種方法 extend fun 在這裡需要詳細解釋一下jquery的api extend var obj1 var obj2 var ...

jquery自定義外掛程式

實現方法 jquery為開發外掛程式提拱了兩個方法，分別是 jquery.fn.extend object 給jquery物件新增方法。jquery.extend object 為擴充套件jquery類本身.為類新增新的方法，可以理解為新增靜態方法。這兩個方法都接受乙個引數，型別為object，ob...

Jquery 自定義外掛程式

jquery外掛程式分三種 1.給jquery原型新增全域性函式 2.給jquery物件新增擴充套件 3.擴充套件器擴充套件 自定義jquery外掛程式的一些規約 1.命名 jqurey.pluginname.js 2.擴充套件規則 新方法新增到 jquery.fn上 新功能新增到jquery上 3...