jQuery插件开发详细教程

2020-05-23 06:07:12易采站长站整理

            // …
        },
        update: function (content) {
            // …
        }
    };
    $.fn.tooltip = function (method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === ‘object’ || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error(‘Method ‘ + method + ‘ does not exist on jQuery.tooltip’);
        }
    };
})(jQuery);


将数据通过命名空间封装在一个对象中,可以更容易的从一个集中的位置读取所有插件的属性。
十、总结和最佳做法


编写jQuery插件允许你做出库,将最有用的功能集成到可重用的代码,可以节省开发者的时间,使开发更高效。 开发jQuery插件时,要牢记:


1.始终包裹在一个封闭的插件:
(function($) {
/* plugin goes here */
})(jQuery);
2.不要冗余包裹this关键字在插件的功能范围内
3.除非插件返回特定值,否则总是返回this关键字来维持chainability 。
4.传递一个可拓展的默认对象参数而不是大量的参数给插件。
5.不要在一个插件中多次命名不同方法。
3.始终命名空间的方法,事件和数据。