Jquery 插件簡單編寫
2014年2月24日Javascript Standard
基本形式：
(function ($) {
/* 这里放置代码 */
})(jQuery);
這樣的好處是形成一個閉包，函數內部依然可以使用$作為jQuery的別名，而不影響到其他庫使用$
jQuery提供了倆個擴展用於編寫外掛程式
$.fn.extend({});用於擴展jquery對象的方法，jq對象可以直接點出，如：$(“#div_div”).MyPlugIn();
$.extend({});用於擴展jquery直屬方法，如：$.MyPlugIn();
第一種插件實例：
(function ($) {
$.fn.yourName = function(options){
var def = {
test:this, //此處this為當前對象
test_2:“abc”
};
var op = $.extend(def, options);//繼承自默認設定以及用戶設定
//接下來調用對象
alert(op.test.id);
alert(op.test_2);
};
})(jQuery);
第二種插件實例：
(function ($) {
$.yourName = function(options){
var def = { test:“This is a Test PlugIn” };
var op = $.extend(def,options);
alert(op.test);
}
})(jQuery);
发表评论或回复