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插件结合阅读