jQuery插件开发 格式与解析2

　　最近忙里偷闲玩一下js插件，经过自身的练习，感觉js插件还是挺好玩的。特此作如下笔记，给自己留个印象。例子形如：

（1）类插件：classTool.js

Code:

 　　(function($,exports){

　　　　$.extend({

　　　　　　addClassToolFn:function(){alert("classTool");}　　

　　　　})

　　}(jQuery,window));

这样的话，在需要用的地方引用这个classTool.js文件，然后通过$.addClassToolFn()调用，就可以实现自己需要的处理程序。

（2）对象插件：objTool.js

Code：

　　(function($,exports){

　　　　$.fn.extend({

　　　　　　sayello:function(){alert("objool-sayHello");}

　　　　})

　　}(jQuery,window));

在需要用到的地发引用这个objTool.js文件，然后通过$(selector).sayHello()调用。

（3）命名控件插件：nameSpaceTool.js

Code:

　　(function($,expoerts){

　　　　$.nameSpaceTool={
　　　　　　nameSpaceFn:function(){alert("nameSpaceTool");}

　　　　}

　　}(jQuery,window));

在需要用到的地发引用这个nameSpaceTool.js文件，然后通过$.nameSpaceTool.nameSpaceFn()调用。

（4）window共用插件：windowTool.js

Code:

　　(function($,exports){

　　　　exports.addExportFn=function(){alert("addExportFn");}

　　}(jQuey,window));

在需要用到的地发引用这个windowTool.js文件，然后通过window.addExportFn()调用即可。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/dean-Wei/p/3844465.html