jquery獲取css的color值返回RGB的方法
更新時間：2015年12月18日 12:36:10 作者：leejersey
這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運算與數(shù)值轉(zhuǎn)換的相關技巧,需要的朋友可以參考下
本文實例講述了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貌似設置顏色，使用的是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程序設計有所幫助。
您可能感興趣的文章:
- JQuery獲取樣式中的background-color顏色值的問題
- jquery使用ColorBox彈出圖片組瀏覽層實例演示
- Jquery顏色選擇器ColorPicker實現(xiàn)代碼
- Colortip基于jquery的信息提示框插件在IE6下面的顯示問題修正方法
- JQuery 拾色器插件發(fā)布-jquery.icolor.js
- jquery衣服顏色選取插件效果代碼分享
- JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法
- jQuery實現(xiàn)表格顏色交替顯示的方法
- jQuery實現(xiàn)鼠標滑過Div層背景變顏色的方法
- jquery修改網(wǎng)頁背景顏色通過css方法實現(xiàn)
相關文章
本文主要是將自己動手些jquery分頁插件的思路和步驟分享給大家，本分頁插件功能很簡單，但是卻很實用，不想其他插件似的，功能一大堆。好了，廢話不多說，還是看正文吧2014-08-08
jquery插件開發(fā)之實現(xiàn)google+圈子選擇功能
最近項目中用到的一個效果，類似于Google+的添加圈子功能。本文插件約8成封裝，好多功能是依據(jù)項目中實際需求寫的。若要使用，可根據(jù)自身情況擴展修改2014-03-03
jQuery刪除/清空指定元素的所有子節(jié)點實例代碼
這篇文章主要給大家介紹了關于jQuery刪除/清空指定元素的所有子節(jié)點，文中通過示例代碼介紹的非常詳細，對大家學習或者使用jQuery具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
jquery 問答知識整理，學習jquery的朋友可以參考下。2010-02-02
這篇文章主要介紹了jquery 判斷滾動條到達了底部和到達頂端的方法,需要的朋友可以參考下2014-04-04
深入解析jQuery中Deferred的deferred.promise()方法
這篇文章主要介紹了jQuery中Deferred的deferred.promise()方法,提醒千萬要注意deferred.promise()與jQuery的.promise() 實例方法的區(qū)別,需要的朋友可以參考下2016-05-05
國外著名博客WDL發(fā)布了2011年度最佳 jQuery 插件。jQuery 自2006年發(fā)布以來，經(jīng)過五年的迅速發(fā)展，目前已是最流行和使用最廣泛的 JavaScript 框架2012-03-03
這篇文章介紹了jQuery焦點圖切換特效插件封裝實例，有需要的朋友可以參考一下2013-08-08
圖片旋轉(zhuǎn)任意角度在某些應用中時很有必要的，現(xiàn)在有一款JQuery插件可以辦得到，接下來為大家介紹下使用方法，感興趣的朋友可以參考下哈，希望對你有所幫助2013-03-03
當點擊具體的li元素時，發(fā)現(xiàn)ul的事件也被觸發(fā)了，這是我們不想看到的，解決方法就是加一句阻止冒泡即可2014-09-09