溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關jQuery如何編寫設置和獲取顏色的插件的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
首先我將插件的名字命名為jquery.color.js。
該插件用來實現以下兩個功能
設置元素的顏色。
獲取元素的顏色。
先在搭建好如下編寫插件的框架：
;(function($){
//這里編寫插件代碼
})(jQuery);我這里采用jQuery.fn.extend().這種方法來編寫，代碼如下：
;(function($){
$.fn.extend({
"color":function(value){
//這里寫插件代碼
}
});
})(jQuery);這個方法可里面有一個value.參數，當給color().這個傳入了參數那么就用來設置color.值，不傳參數就是獲取color().值。代碼如下：
;(function($){
$.fn.extend({
"color":function(value){
if(value==undefined){
return this.css('color');
}
else{
return this.css('color',value);
}
}
});
})(jQuery);最后我們來測試一下：
<body>
<script>
$(function(){
alert($('#div1').color());
$('#div2').color('#333');
});
</script>
<div id="div1" >blue</div>
<div id="div2" >#ccc</div>
</body>測試結果如下圖:
OK!測試沒問題，全部完成。
感謝各位的閱讀！關于“jQuery如何編寫設置和獲取顏色的插件”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
