**:
推薦看原文,此處只是記錄下
// 立刻執行函式
(function($))(jquery);
形參: $
實參: jquery
即是給jquery命名空間下新增新的全域性函式,也稱為靜態方法;
**結構如下
jquery.pluginname = function() ;
例如:$.ajax()
,$.extend()
就是採用的類級別元件開發;
即是掛在jquery原型下的方法,這樣通過選擇器獲取的jquery物件例項也能共享改方法,稱為動態方法;
**結構如下:
$.fn.pluginname = function() ;
其中:
$.fn === $.prototype;
例如:addclass()
,attr()
等方法,需要建立例項來呼叫這些方法;
// 例子
$('div').next().addclass()...
$.fn.plugin = function() )
}
return this
: 返回當前物件,來維護外掛程式的鏈式呼叫;
each
: 迴圈實現每個元素的訪問;
建立物件的例項,存在單例模式;
$.fn.pluginname = function()
}
說明:如果例項存在,則不再重新建立;
利用data方法來存放外掛程式物件的例項;
(function($) )(jquery);
var pluginname = (function() )();
$.fn.pluginname.defaults = ;
$.fn.pluginname = function()
// 在外部可以通過$(selection).pageswitch("init")
if ($.type(options) === "string")
});};
function pluginname(element, options)
pluginname.prototype = };
(function($) ;
// 合併物件等
var pageswitch = (function() );
this.element = element;
// 初始化外掛程式
this.init()
}// 在pageswitch原型上定義方法,讓例項可以呼叫這些方法
pageswitch.prototype =
};return pageswitch;
})();
// 建立物件例項
$.fn.pageswitch = function(options)
// 在外部可以通過$(selection).pageswitch("init")
if ($.type(options) === "string" || $.type(options) === "string")
});};
// 配置引數
$.fn.pageswitch.default = ,
// 頁面開始的索引值
index: 0,
// 動畫的效果
easing: 'ease',
// 動畫執行的時間
duration: 500,
loop: false,
// 是否進行分頁處理
pagination: true,
// 是否觸發鍵盤事件
kerboard: true,
// 全屏方向,橫屏,豎屏
direction: 'vertical',
// 實現滑屏動畫後執行的**函式
callback: ""
};// 在外掛程式內部初始化,但是這種寫法需要在目標元素上新增data-pageswitch
$(function() {
$("[data-pageswitch]").pageswitch();
jquery 方法封裝
給jquery 身上設定全域性方法 方法一 jquery.myfunction function str 方法一呼叫 myfunction 直接給jq身上設定全域性方法 方法二 同時新增多方法 jquery.extend myfunction1 function str 方法二呼叫 myfuncti...
jQuery封裝ajax的方法
引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。get 引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。post 請求成功時執行的函式 有n個引數,預設請求方式是 get 方式 ajax 傳參引數,必須是物件形式,dat...
jQuery封裝ajax的方法
最近在逆戰班學習了jquery,這裡學一些jquery封裝ajax的方法,jquery封裝ajax原理和原生js是一樣的,只是用的是封裝好的方法,具體有三種方式。1,get 方法 從字面意義就可以看出是get請求方法 有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有 引數的形式是物...