欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 插件學(xué)習(xí)（五）

 更新時(shí)間：2012年08月06日 22:12:41   作者：  
一般對(duì)外發(fā)布的插件都應(yīng)該進(jìn)行封裝，封裝的插件還應(yīng)該符合規(guī)范，只有這樣寫的插件才具有推廣價(jià)值，并得到其他用戶的喜愛
這節(jié)封裝插件了，進(jìn)展怎么樣呢？

一般對(duì)外發(fā)布的插件都應(yīng)該進(jìn)行封裝，封裝的插件還應(yīng)該符合規(guī)范，只有這樣寫的插件才具有推廣價(jià)值，并得到其他用戶的喜愛。

首先第一步，是定義一個(gè)獨(dú)立域，代碼如下所示。
復(fù)制代碼 代碼如下:

(function($){
//自定義插件代碼
})(jQuery) //封裝插件

確定創(chuàng)建插件類型，選擇創(chuàng)建方式，例如，創(chuàng)建一個(gè)設(shè)置元素字體顏色的插件，則應(yīng)該創(chuàng)建jquery對(duì)象方法，考慮到j(luò)query提供了插件擴(kuò)展方法extend()，調(diào)用該方法會(huì)更為規(guī)范。
復(fù)制代碼 代碼如下:

(function($){
//自定義插件代碼
$.extend($.fn,{ //jquery對(duì)象擴(kuò)展方法

})
})(jQuery) //封裝插件

一般插件都會(huì)接受參數(shù)，用來(lái)控制插件的 行為，例如，對(duì)于設(shè)置顏色的插件，應(yīng)該允許用戶設(shè)置字體顏色，同時(shí)，應(yīng)該考慮如果用戶沒有設(shè)置顏色，則應(yīng)該保持默認(rèn)色進(jìn)行設(shè)置。
復(fù)制代碼 代碼如下:

(function($){
//自定義插件代碼
$.extend($.fn,{
color : function(options){
var options = $.extend({bcolor :"white",fcolor:"black"},options);
//
}
})
})(jQuery) //封裝插件

最后完善插件
復(fù)制代碼 代碼如下:

;(function($){
$.extend($.fn,{
color : function(options){var options = $.extend({bcolor :"white",fcolor :"black"},options);
//函數(shù)體
return this.each(function(){
$(this).css("color",options.bcolor);
$(this).css("background",options.fcolor);
});
}//color==end
})
})(jQuery);

調(diào)用看看
復(fù)制代碼 代碼如下:

$("h1").color({bcolor : "#ccc",fcolor:"#eee"});
$('a').color("#fff");

相關(guān)文章

最新評(píng)論