這篇文章給大家分享的是有關(guān)jQuery如何編寫設(shè)置和獲取顏色的插件的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對營銷、技術(shù)、服務(wù)都有自己獨特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認可，能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級，滿足企業(yè)一站式全網(wǎng)整合營銷推廣需求，讓再小的高端網(wǎng)站設(shè)計也能產(chǎn)生價值！

首先我將插件的名字命名為jquery.color.js。

該插件用來實現(xiàn)以下兩個功能

1. 設(shè)置元素的顏色。

2. 獲取元素的顏色。

先在搭建好如下編寫插件的框架：

;(function($){
 //這里編寫插件代碼
})(jQuery);

我這里采用jQuery.fn.extend().這種方法來編寫，代碼如下：

;(function($){
 $.fn.extend({
 "color":function(value){
 //這里寫插件代碼
 }
 });
})(jQuery);

這個方法可里面有一個value.參數(shù)，當(dāng)給color().這個傳入了參數(shù)那么就用來設(shè)置color.值，不傳參數(shù)就是獲取color().值。代碼如下：

;(function($){
 $.fn.extend({
 "color":function(value){
 if(value==undefined){
 return this.css('color');
 }
 else{
 return this.css('color',value);
 }
 
 }
 });
})(jQuery);

最后我們來測試一下：

 blue