jquery獲取css的color值返回RGB的方法
本文實(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格式的。
用以下這個(gè)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"
或者用這個(gè)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]); }
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- JQuery獲取樣式中的background-color顏色值的問(wèn)題
- jquery使用ColorBox彈出圖片組瀏覽層實(shí)例演示
- Jquery顏色選擇器ColorPicker實(shí)現(xiàn)代碼
- Colortip基于jquery的信息提示框插件在IE6下面的顯示問(wèn)題修正方法
- JQuery 拾色器插件發(fā)布-jquery.icolor.js
- jquery衣服顏色選取插件效果代碼分享
- JQuery實(shí)現(xiàn)動(dòng)態(tài)適時(shí)改變字體顏色的方法
- jQuery實(shí)現(xiàn)表格顏色交替顯示的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法
- jquery修改網(wǎng)頁(yè)背景顏色通過(guò)css方法實(shí)現(xiàn)
相關(guān)文章
分享一個(gè)自己動(dòng)手寫的jQuery分頁(yè)插件
本文主要是將自己動(dòng)手些jquery分頁(yè)插件的思路和步驟分享給大家,本分頁(yè)插件功能很簡(jiǎn)單,但是卻很實(shí)用,不想其他插件似的,功能一大堆。好了,廢話不多說(shuō),還是看正文吧2014-08-08jquery插件開發(fā)之實(shí)現(xiàn)google+圈子選擇功能
最近項(xiàng)目中用到的一個(gè)效果,類似于Google+的添加圈子功能。本文插件約8成封裝,好多功能是依據(jù)項(xiàng)目中實(shí)際需求寫的。若要使用,可根據(jù)自身情況擴(kuò)展修改2014-03-03jQuery刪除/清空指定元素的所有子節(jié)點(diǎn)實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于jQuery刪除/清空指定元素的所有子節(jié)點(diǎn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07jquery 判斷滾動(dòng)條到達(dá)了底部和頂端的方法
這篇文章主要介紹了jquery 判斷滾動(dòng)條到達(dá)了底部和到達(dá)頂端的方法,需要的朋友可以參考下2014-04-04深入解析jQuery中Deferred的deferred.promise()方法
這篇文章主要介紹了jQuery中Deferred的deferred.promise()方法,提醒千萬(wàn)要注意deferred.promise()與jQuery的.promise() 實(shí)例方法的區(qū)別,需要的朋友可以參考下2016-05-05jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
這篇文章介紹了jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例,有需要的朋友可以參考一下2013-08-08