js插件开发的几个简要步骤

来源:互联网 发布:淘宝eagleeye系统 编辑:程序博客网 时间:2024/04/28 03:15
JS插件的开发步骤:

1、首先需要闭包,如:

    (function($){
        //TO DO
    })(jQuery);

    这种规范的作用是:
        1、避免全局依赖;
        2、避免第三方破坏;
        3、兼容jQuery操作符'$'和'JQuery'。
        4、结构详解:
        (function($){})(jQuery); 在这样一个结构里,第一个括号里边的内容:function($){} 是一个匿名函数,其参数'$'作用是为了不与其他库冲突。

        第一个括号表示定义了一个匿名函数,然后第二个函数表示为该函数传递传递了一个参数'jQuery',整个结合起来意思就是,定义了一个匿名函数,

        然后又调用该函数,该函数的实参为jQuery。相当于:function fun($){…};    fun(jQuery);

        这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕。


2、给插件加入主体

    (function(){
        $.fn.confirm = function (options) {        //插件的名称为confirm,后期用的时候也是$("obj").confirm();
            //TO DO
        };
    })(jQuery);
   
3、充实插件

    后续则可以给插件添加属性、添加事件、封装函数,从而使得插件易用。

0 0
原创粉丝点击