您的位置:首页 > Web前端 > JQuery

JQuery 插件开发流程

2012-11-18 21:43 218 查看
首先分析

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: