jQuery插件制作备忘
16lz
2021-01-22
标准插件结构：
一，插件封装：
;(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插件结合阅读
更多相关文章
- 基于Jquery ui 可复用的酒店 web页面选择入住日期插件
- 如何使用jQuery UI插件使html文本框可拖动和调整大小？
- jquery 插件bgStretcher 切换背景图片
- Web开发者必备的20款超赞jQuery插件
- 使用jQuery的dataTable插件和嵌套的Ajax调用
- Dreamweaver Cs4 jQuery自动提示插件绿色版
- zTree -- jQuery 树插件 使用小结
- 《JQuery——插件的开发和使用（二）之qTip2 插件的使用》
- jQuery 异步上传插件 Uploadify302 使用 （JavaEE Spring MVC）