這篇文章給大家分享的是有關(guān)jQuery如何編寫設(shè)置和獲取顏色的插件的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司;我們對(duì)營銷、技術(shù)、服務(wù)都有自己獨(dú)特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)!我們經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關(guān)注我們的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)質(zhì)量和服務(wù)品質(zhì),在得到用戶滿意的同時(shí),也能得到同行業(yè)的專業(yè)認(rèn)可,能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新,服務(wù)升級(jí),滿足企業(yè)一站式全網(wǎng)整合營銷推廣需求,讓再小的高端網(wǎng)站設(shè)計(jì)也能產(chǎn)生價(jià)值!
首先我將插件的名字命名為jquery.color.js。
該插件用來實(shí)現(xiàn)以下兩個(gè)功能
設(shè)置元素的顏色。
獲取元素的顏色。
先在搭建好如下編寫插件的框架:
;(function($){
//這里編寫插件代碼
})(jQuery);我這里采用jQuery.fn.extend().這種方法來編寫,代碼如下:
;(function($){
$.fn.extend({
"color":function(value){
//這里寫插件代碼
}
});
})(jQuery);這個(gè)方法可里面有一個(gè)value.參數(shù),當(dāng)給color().這個(gè)傳入了參數(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);最后我們來測試一下:
<body>
<script>
$(function(){
alert($('#div1').color());
$('#div2').color('#333');
});
</script>
<div id="div1" >blue</div>
<div id="div2" >#ccc</div>
</body>測試結(jié)果如下圖:


OK!測試沒問題,全部完成。
感謝各位的閱讀!關(guān)于“jQuery如何編寫設(shè)置和獲取顏色的插件”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
分享文章:jQuery如何編寫設(shè)置和獲取顏色的插件
鏈接地址:http://chinadenli.net/article6/pgjjig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、企業(yè)建站、小程序開發(fā)、商城網(wǎng)站、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)