jQuery 插件格式 规范

方式一（自定义对象）：

(function($, window, document) {

var Plugin, defaults, pluginName;

调用时的函数名：
    pluginName = "slidesjs";
     

默认配置：
    defaults= {

width: 940,
      height: 528,
      callback: {
        loaded: function() {},
        start: function() {},
        complete: function() {}
      }
    };

构建自定义对象：

Plugin = (function() {
      function Plugin(element, options) {
        this.element = element;
        this.options = $.extend(true, {}, defaults, options);          //拓展用户自定义参数
        this._defaults = defaults;
        this._name = pluginName;
        this.init();
      }
      return Plugin;
    })();

拓展一系列方法：

Plugin.prototype.init  = function() { ... }

Plugin.prototype.next = function() { ... }

...  

拓展到jQuery的fn上：

return $.fn[pluginName] = function(options) {

//把选中的每个元素都进行实例化

      return this.each(function() {
        if (!$.data(this, "plugin_" + pluginName)) {

return $.data(this, "plugin_" + pluginName, new Plugin(this, options));
        }
      });
  };

})(jQuery, window, document);

使用：

$(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528
      });
  });

或者这样扩展进jQuery也可以：

$.fn.Swipe = function(params) {

return this.each(function() {

$(this).data('Swipe', new Swipe($(this)[0], params));

});

}

方式2（简单点的）：

(function($) {
    "use strict";

    $.fn.boxRefresh = function(options) {
        var _option= $.extend({
            trigger: ".refresh-btn",
            onLoadStart: function(box) {},
            onLoadDone: function(box) {}
        }, options)；
        return this.each(function() { ... });
    };

})(jQuery);

另一种方式，使用extend：

(function(f) {

jQuery.fn.extend({slimScroll: function(h) {

...

}});

jQuery.fn.extend({slimscroll: jQuery.fn.slimScroll})

})(jQuery);