jquery 外掛程式學習（五）

這節封裝外掛程式了，進展怎麼樣呢？

一般對外發布的外掛程式都應該進行封裝，封裝的外掛程式還應該符合規範，只有這樣寫的外掛程式才具有推廣價值，並得到其他使用者的喜愛。

首先第一步，是定義一個獨立域，代碼如下所示。
複製代碼 代碼如下:
(function($){
//自訂外掛程式代碼
})(jQuery) //封裝外掛程式

確定建立外掛程式類型，選擇建立方式，例如，建立一個設定元素字型顏色的外掛程式，則應該建立jquery對象方法，考慮到jquery提供了外掛程式擴充方法extend()，調用該方法會更為規範。
複製代碼 代碼如下:
(function($){
//自訂外掛程式代碼
$.extend($.fn,{ //jquery對象擴充方法

})
})(jQuery) //封裝外掛程式

一般外掛程式都會接受參數，用來控制外掛程式的 行為，例如，對於設定顏色的外掛程式，應該允許使用者佈建字型顏色，同時，應該考慮如果使用者沒有設定顏色，則應該保持預設色進行設定。
複製代碼 代碼如下:
(function($){
//自訂外掛程式代碼
$.extend($.fn,{
color : function(options){
var options = $.extend({bcolor :"white",fcolor:"black"},options);
//
}
})
})(jQuery) //封裝外掛程式

最後完善外掛程式
複製代碼 代碼如下:
;(function($){
$.extend($.fn,{
color : function(options){var options = $.extend({bcolor :"white",fcolor :"black"},options);
//函數體
return this.each(function(){
$(this).css("color",options.bcolor);
$(this).css("background",options.fcolor);
});
}//color==end
})
})(jQuery);

調用看看
複製代碼 代碼如下:
$("h1").color({bcolor : "#ccc",fcolor:"#eee"});
$('a').color("#fff");