Question

如何创建一个自定义jquery插件

Answer 1

jquery插件有两种，一种是$('.xxx').xxx(); 另一种是$.xxx();
自定义jquery插件，我理解是插件的写法啦。如下面示例代码

// crud 是插件的名字，可以替换成别的
// 1>
(function($, window, document, undefined){
    $.fn.crud = function(options){
        var opts = $.extend({}, $.fn.crud.defaults, options);
        this.each(function(){
            // 这里是这个插件实现方法主内容
        });
    };
    $.fn.crud.defaults = {
        // 插件的参数
    };
}(jQuery, window, document));
// 调用方法  $('.xxx').crud({}); 
// 2>
(function($, window, document, undefined){
    $.fn.extend.crud = function(options){
        var opts = $.extend({}, $.fn.extend.crud.defaults, options);
        this.each(function(){
            // 这里是这个插件实现方法主内容
        });
    };
    $.fn.extend.crud.defaults = {
        // 插件的参数
    };
}(jQuery, window, document));
// 调用方法  $.crud({});