jquery获取css color 值返回RGB
2014-04-13 15:50
363 查看
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转成“#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]);
}
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转成“#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获取css color 值返回RGB
- jquery获取css颜色值返回RGB应用
- jquery获取css的color值返回RGB的方法
- jquery获取css的color值返回RGB的方法
- jquery获取元素颜色css('color')的值返回RGB
- jquery获取元素颜色css('color')的值返回RGB。如何转十六进制
- jQuery获取Ajax函数的返回值
- Jquery attr("checked") 返回checked或undefined 获取选中失效
- Jquery中的$.each获取各种返回类型数据的使用方法
- jquery返回json格式数据来获取每天的天气预报
- 关于jQuery获取Action返回的JSON数据 项目真实案例 记录(Struts2)
- jquery 中$.post获取MVC Controller中JsonResult返回包含LIst<Model>类型的子List<Model>的高级使用方法
- jquery $.ajax+php使用jsonp处理数据时,前端success :function无法获取服务器返回数据
- 关于Jquery中的$.each获取各种返回类型数据的使用方法
- Jquery attr("checked") 返回checked或undefined 获取选中失效
- django 返回json数据,jquery获取并且打印出来
- Jquery 版本兼容 attr("checked") 返回undefined 获取选中失效
- jQuery从服务器获取数据使用post(字典查询的功能),服务器端php返回数据
- 【jQuery】如何获取uploadify上传文件后的返回信息.
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分