jQuery插件制作备忘

标准插件结构:

,插件封装:

;(function ($) {

//plugin code

})(jQuery);

,声明插件,在plugin code中

例:$.fn.dBox=function(options){

//fn code

};

,声明插件默认参数,在fn code中

例:var defaults={opacity:0.6,overlay:true};

,实现将外部输入的options覆盖到defaults中,使用$.extend(target,object)

简单的如:var opts=$.extend(defaults,options);

$.extend作用详见 http://api.jquery.com/jQuery.extend/,看不懂英文的直接看其中的例子就行

五,为插件绑定启动方法

例:$(this).click(function(){

});

完成以上五步,一个jquery标准插件就完成了,可以参考我之前发的dBox插件结合阅读

作者:黑曜石
         
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/bestfc/p/1748848.html