标准插件结构:

 

,插件封装:

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

相关文章:

  • 2021-08-19
  • 2021-07-05
  • 2022-12-23
  • 2022-12-23
  • 2021-11-18
  • 2022-12-23
  • 2022-01-27
猜你喜欢
  • 2021-06-13
  • 2021-11-19
  • 2021-08-10
  • 2021-12-28
  • 2021-09-16
  • 2022-01-20
  • 2021-11-10
相关资源
相似解决方案