评论

收藏

[jQuery] jquery 插件原则

开发技术 开发技术 发布于:2021-07-22 19:07 | 阅读数:421 | 评论:0

区分开 Dom 对象,jQuery Dom对象, Json数据。
Dom对象是诸如: document.getElementById 返回的原生Dom对象。
jQuery Dom对象,如:$("#Id"),它是一个jQuery数组。
Json数据,是{}对象,可用于参数对象,或 jQuery插件内部对象。
1. 每个jQuery插件,仅占用一个jQuery扩展方法,其它方法通过参数传递。如:创建一个插件: $("dom").TextHelper(p);
其它方法: $("dom").TextHelper("show");
2.可以重复使用扩展方法如  $("dom").TextHelper(p); 如果已创建,则返回跳过初始化,直接返回已创建的插件。
3. 保存参数需要使用 $.data 来保存,可以获取、设置。
4. 可以隐藏创建函数,有统一的销毁函数销毁函数可以统一为: bye 方法, hide 仅用于隐藏, show 用于显示。
5.插件可以生成多次,不能生成唯一Id,依赖唯一Dom。如果需要ID,应该是动态生成的。
插件应该可以生成多次。
6.默认值可以改变
$.fn.ScrollToShow = $.fn.scrollToShow = function (top, topOffset) {
var def = $.fn.ScrollToShow.defaults ||
{ top: 100, topOffset: 200 };
。。。
}
或:
$.fn.ScrollToShow = $.fn.scrollToShow = function (top, topOffset) {
var def = $.fn.ScrollToShow.defaults ;
。。。
}
$.fn.ScrollToShow.defaults = $.fn.ScrollToShow.defaults || { top: 100, topOffset: 200 };
作者:NewSea  
如无特别标记说明,均为NewSea原创,版权私有,翻载必纠。欢迎交流,转载,但要在页面明显位置给出原文连接。谢谢。





关注下面的标签,发现更多相似文章