快捷導(dǎo)航

jquery獲取css的color值返回RGB的方法

更新時間：2015年12月18日 12:36:10 作者：leejersey

這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運(yùn)算與數(shù)值轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery獲取css的color值返回RGB的方法。分享給大家供大家參考，具體如下：

css代碼如下：

a, a:link, a:visited { color:#4188FB; }
a:active, a:focus, a:hover { color:#FFCC00; }

js代碼如下：

var link_col = $("a:link").css("color");
alert(link_col); // returns rgb(65, 136, 251)

jquey貌似設(shè)置顏色，使用的是rgb格式的。

用以下這個function，把rgb轉(zhuǎn)成“#xxxx”(HEX )格式。

var rgbString = "rgb(0, 70, 255)"; // get this in whatever way.
var parts = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
// parts now should be ["rgb(0, 70, 255", "0", "70", "255"]
delete (parts[0]);
for (var i = 1; i <= 3; ++i) {
parts[i] = parseInt(parts[i]).toString(16);
if (parts[i].length == 1) parts[i] = '0' + parts[i];
}
var hexString = parts.join(''); // "0070ff"

或者用這個function

function rgb2hex(rgb) {
rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2);
}
return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下
2015-02-02
jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery使用ajax提交serialize序列化后的表單數(shù)據(jù)的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-12-12
jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效
經(jīng)常我們玩微信都會用到查到附近的人，都是在app上實(shí)現(xiàn)手機(jī)搖一搖的功能。現(xiàn)在，我們將此技術(shù)搬移到手機(jī)web上，供大家學(xué)習(xí)，有需要的小伙伴可以參考下。
2015-06-06
jQuery簡單實(shí)現(xiàn)日歷的方法
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)日歷的方法,涉及jQuery操作日期的相關(guān)技巧,比較簡單實(shí)用,需要的朋友可以參考下
2015-05-05
Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點(diǎn)之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點(diǎn)之后”所有的元素
2014-07-07
jQuery與javascript對照學(xué)習(xí) 獲取父子前后元素實(shí)現(xiàn)代碼
jQuery與javascript對照學(xué)習(xí)(獲取父子前后元素) ，需要的朋友可以參考下，看看與js有什么不同。
2009-10-10
jquery pagination插件實(shí)現(xiàn)無刷新分頁代碼
首先，我們要準(zhǔn)備的文件有jquery.js,jquery.pagination.js,pagination.css,還有一個就是經(jīng)常用的table布局的css文件。這些文件都會在后面的文件中包含。
2009-10-10
jQuery 彈出層插件(推薦)
本文是小編自己寫的一個彈出層插件代碼，非常秀珍，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
IE中jquery.form中ajax提交沒反應(yīng)解決方法分享
用jquery form插件，進(jìn)行ajax提交，本來可以用，好好地，突然發(fā)現(xiàn)，firefox，opera等可以提交，ie的success函數(shù)運(yùn)行了
2012-09-09
jQuery實(shí)現(xiàn)簡單復(fù)制json對象和json對象集合操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡單復(fù)制json對象和json對象集合操作,結(jié)合實(shí)例形式分析了jQuery使用extend方法操作json對象與json對象集合復(fù)制相關(guān)技巧,需要的朋友可以參考下
2018-07-07