方式一（自定義對象）：

(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);

轉載于:https://www.cnblogs.com/chuangweili/p/5166504.html

總結

以上是生活随笔為你收集整理的jQuery 插件格式 规范的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。