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

学习博客链接:

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函数来删除相应的数据

 

posted @ 2018-06-15 22:32  zhoust  阅读(215)  评论(1编辑  收藏  举报