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()调用即可。