jquery获取css的color值返回RGB的方法


Posted in Javascript onDecember 18, 2015

本文实例讲述了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转成“#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程序设计有所帮助。

Javascript 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
JavaScript表格常用操作方法汇总
Apr 15 Javascript
JavaScript截取、切割字符串的技巧
Jan 07 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
微信小程序的授权实现过程解析
Aug 02 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 #Javascript
jquery简单倒计时实现方法
Dec 18 #Javascript
js命名空间写法示例
Dec 18 #Javascript
JavaScript Split()方法
Dec 18 #Javascript
jquery中object对象循环遍历的方法
Dec 18 #Javascript
JavaScript的Number对象的toString()方法
Dec 18 #Javascript
JavaScript ParseFloat()方法
Dec 18 #Javascript
You might like
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
PHP速成大法
2015/01/30 PHP
php判断当前操作系统类型
2015/10/28 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
PHP时间函数使用详解
2019/03/21 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
python3生成随机数实例
2014/10/20 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
python 网络爬虫初级实现代码
2016/02/27 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python文件路径名的操作方法
2019/10/30 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
行政总经理岗位职责
2013/12/05 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
入党推优材料
2014/06/02 职场文书
企业环保标语
2014/06/10 职场文书
本科应届生求职信
2014/08/05 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers
关于Redis的主从复制及哨兵问题
2022/06/16 Redis