JQuery 插件开发流程

首先分析

1.分析插件主要实现的功能

其次设计

1.设计成模块化操作对象

最后开发
1.定义插件

2.初始化参数

3.extends覆盖

4.return操作，无则不操作

5.开发主要功能

 

Jquery插件开发模块：

(function($){
    $.fn.pluginName = function(options){
       //插件默认参数

        var defaults = {
            property: value,
            method: function(){
                $.noop();
            }
        };
        var sets = $.extend(defaults,options || {});//实现覆盖
        var 定义变量;
        return $(this).each(function(){
            $(this);//在这里可以对插件绑定的对象（$("div").pluginName({对象});）进行一些操作
        });
    }
})(jQuery);