码迷,mamicode.com
首页 > Web开发 > 详细

学习总结:jQuery插件开发模式和结构

时间:2018-06-15 23:33:42      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:link   信息   uid   ss7   move   inf   增加   mlu   HERE   

学习博客链接:

https://www.cnblogs.com/cyStyle/

 https://www.cnblogs.com/chengyunshen/p/7277305.html

 https://www.cnblogs.com/sjqq/p/6410839.html

 

jQuery插件的开发包括两种:

(1)类级别的插件开发,即给jQuery添加新的全局函数,jQuery的全局函数就是属于jQuery命名空间的函数,相当于给jQuery类本身添加方法。

技术分享图片

(2)对象级别的插件开发,给jQuery对象添加方法。

技术分享图片

 

大佬的总结经验(第一个链接):

(1)把全部代码放在闭包中(闭包相当于一个私有作用域,外部无法访问到内部的信息,并且不会存在全局变量的污染情况)

(2)提供插件的默认参数选项

(3)遍历多个元素并返回(Sizzle选择器引擎,链式调用)

(4)一次性代码放在主循环外

(5)定义公有方法和私有方法(增加代码的健壮性)

(function($) {
    // 在插件容器内,定义一个私有方法
    var privateFunction = function() {
        // code here
    };

   // 通过字面量创造一个对象,存储我们需要的共有方法
    var methods = {
         // code here
    };

})(jQuery);

(6)添加持久性数据($.data函数为元素添加信息),$.removeData函数来删除相应的数据

 

学习总结:jQuery插件开发模式和结构

标签:link   信息   uid   ss7   move   inf   增加   mlu   HERE   

原文地址:https://www.cnblogs.com/zhoust023/p/9189188.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!