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 ...
一周排行
  • NTFS权限拒绝优先
    实验4:拒绝优先实验目标创建用户a并分别加入组zu1和zu2,对e: \2.txt分配zu ...
  • 企业域名更换操作系列6:校验DC是否全部准备完成
    1. 完成之前系列文章涉及内容后,继续在命名提示符下运行rendom /prepare,此 ...
  • STM32的I2C硬核为了规避NXP的知识产权,使得I2C用起来经常出问题,因此ST公司推出了CPAL库,CPAL库在中断方式工作下仅支持无子地址 的器件,无法做到中断方式完成读写大部分I2C器件.同时CPAL库在多 ...
  • 基础的邮件服务
    MAIL 服务 邮件服务我们每个人都在用,平常使用的 163网易的信箱,谷歌的G mail ...
  •  1:sql中需要添加属性 keyColumn="base_price_id" keyProperty="basePriceId" useGeneratedKeys=" ...
  • 本文详细介绍了SMS2003在部署操作系统的每一个步骤,从SMS2003的安装,需要的组件,SMS2003的配置及需要注意的问题,使用的百余张图进行了说明介绍,方便大家阅读理解,同时参考了董君同学的SMS OSD部署 ...
  • 阿里云自定义日记文件无法通过ftp下载
    异常处理汇总 ~ 修正果带着你的Net飞奔吧!http://www.cnblogs.com ...
  • 查询内存溢出
    首先我们来看一个带排序的查询,点击工具栏的显示包含实际的执行计划. 1 SELECT * ...
  •         现在新买的安卓千元机都是2G内存的了,我们还要绞尽脑汁地省内存?是的,那是高端处理器的特色,咱们这里讲的是资源紧缺型的嵌入式系统设计方法.一般主控是单片机控制器的电子产品的成本跟内存的关系可是成正比的 ...
  • 字典序问题 字典序简单介绍 碰到过很多求关于字典序的问题,一直都是用的c++的STL库中的函数水过的,今天终于有机会,算是对字符串字典序问题的一个总结吧. 如果已知一个字符串“ABC”,为了更直观,我们把建立如下映射 ...