jquery获取csscolor值返回RGB

css代码如下:

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

js代码如下:

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

jquey貌似设置颜色,使用的是rgb格式的。

用以下这个function,把rgb转成“#xxxx”(HEX )格式。

1
2
3
4
5
6
7
8
9
10
11
12
13
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

1
2
3
4
5
6
7
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]);
}

转自:http://www.ghugo.com/jquery-css-color-value-returns-rgb/

更多相关文章
  • jQuery 获取内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Document Object Model(文档对象模型) 获得内容 - te ...
  • Jquery获取Checkbox值,prop和attr函数区别
    总结: 版本 1.6 1.6 1.4 1.4 函数 勾选 取消勾选 勾选 取消勾选 attr('checked') checked undefined true false .prop('checked') true false   1.6才有此方法 .is(':checked') true fal ...
  • jQuery 判断 checkbox 是否被选中的几种方法//获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();//获取select被选中项的文本var item = $("select[@name=item ...
  • jquery中获取元素索引值的方法为:如:alert($("#btn li").index(this));这个意思是说:搜索与参数表示的对象匹配的元素,并返回相应元素的索引值.如果找到了匹配的元素,从0开始返回:如果没有找到匹配的元素,返回-1.实例:jquery获取索引值点击相 ...
  • JQuery获取与设置HTML元素的值value 作者:简明现代魔法图书馆 发布时间:2011-07-07 10:16:13 20481 次阅读 服务器君一共花费了13.221 ms进行了6次数据库查询,努力地为您提供了提供了这个页面. val()方法 此方法类似于JavaScript中的value ...
  • 1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,value即控件value属性 可以不指定属性值,因一组checkbox的value值都会保存其在数据库 ...
  • jquery获取元素索引值index()方法实例. jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的 ...
  • JQuery获取和设置select下拉框的值       //添加一项option//在前面插入一项option//删除索引值最大的Option//删除索引值为0的Option//删除值为3的Option//删除TEXT值为4的Option <script language="jav ...
一周排行
  • vim使用总结
    一.概述        vim(vi improved)编辑器是vi的增强版,主要用来查看 ...
  •     10月份公司发生一起重大设备事故,直接经济损失和间接损失都非常大,而造成该起事故最主要的原因就是低压电源设计和安装不合理,以及在正常运行当中对设备的管理不力等.按事故分析四不放过的原则,对责任人进行处罚当然是 ...
  • ISCSI Server 端安装网上下载iscsitarget3.3,官方下载地址http://www.microsoft.com/download/en/details.aspx?id=19867,如果客户端系统是 ...
  • ===============================================此安装程序分为两个结构,一个是安装脚本,一个是配置文件目录,其结构如下:[root@helloween /]# tree ...
  • 今天心血来潮,想学习下cacti,需要yum安装rrd tool,于是给我的VMWare workstation里一台centos 5.8 VM配置了yum源,yum makecache,奇怪的事情发生了,居然收到了 ...
  • 在[url]http://coolerfeng.blog.51cto.com/133059/7996[/url]已经对syslogng进行了介绍可能没有用过的朋友还是不太了解,下面讲一个例子cat /etc/sysl ...
  • HTML5-Canvas入门一
    周老虎落网的时候,网易跟腾讯都推出了牛逼轰轰的HTML5页面来展示其关系网(网易http: ...
  • HSRP/SLB/VRRP/GLBP一.HSRP介绍及相关配置,J"[6S#pI A7S4{ \t@3I4C\w1)HSRP介绍bPBR3Ks8z/njD全称Hot Standby ...
  • 一般百度更换163yum源,都是如下操作:mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.oldcd /etc/yum.r ...
  • serialVersionUID作用: 序列化时为了保持版本的兼容性,即在版本升级时反序列化仍保持对象的唯一性.有两种生成方式: 一个是默认的1L,比如:private static final long seria ...