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 ...
一周排行
  • xfs文件系统  # ls /lib/modules/2.6.31.el6.x86_64/kernel/fs/Netork  File  System   # cat /etc/centos-releaseC ...
  • Qt提供了另外的容器,比如QPair<T1, T2>,可以存储两个值,类似于std::pair<T1, T2>.还有QVarLengthArray<T, Prealloc>,这是一 ...
  • 库存,在人类传统智慧中一直被认为是好东西.好办法:作名词讲时是指财富,作动词讲时是指积累财富.当年谋士朱升为朱元璋定下妙计三条"高筑墙.广积粮.缓称王",奠定二百七十六年大明江山,其中第二点&qu ...
  • 负载均衡是指连接的负载均衡.v$version; RAC192.168.16.202)(PORT = 1521))192.168.16.206)(PORT = 1521))(LOAD_BALANCE = on)[or ...
  • 序言 Zset跟Set之间可以有并集运算,因为他们存储的数据字符串集合,不能有一样的成员出现在一个zset中,但是为什么有了set还要有zset呢?zset叫做有序集合,而set是无序的,zset怎么做到有序的呢?就 ...
  • 近日不少网友都遇到了该内存不能为“read”的错误提示.希望以下文章能对大家有所帮助.运行某些程序的时候,有时会出现内存错误的提示,然后该程序就关闭.“0x????????”指令引用的“0x????????”内存.该 ...
  • winmailmailserver的安装和使用方法邮件测试
    Winmail mail server邮件系统的安装及使用.在安装之前首先要配置服务器固定 ...
  • 今天在一台服务器上ping一个地址,发现返回的ICMP包中如下记录:[[email protected] ~]# ping 60.209.126.73PING 60.209.126.73 (60.209.126.73) 56(84) ...
  • SQLServer中的游标CURSOR
     游标是邪恶的!        在关系数据库中,我们对于查询的思考是面向集合的.而游标打破 ...
  • JS中Date,String,Array属性方法总结
    Date日期对象日期对象可以储存任意一个日期,可以精确到毫秒.var myDate=new ...