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 相关文章推荐
javascript 树控件 比较好用
Jun 11 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
jquery 简单应用示例总结
Aug 09 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
VUE前后端学习tab写法实例
Aug 06 Javascript
JS实现随机点名器
Apr 12 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 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
yii框架中的Url生产问题小结
2012/01/16 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
jQuery中:focus选择器用法实例
2014/12/30 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
jquery仅用6行代码实现滑动门效果
2015/09/07 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
vue组件横向树实现代码
2018/08/02 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
Python判断Abundant Number的方法
2015/06/15 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
自荐信格式
2013/12/01 职场文书
军训自我鉴定
2013/12/14 职场文书
合同专员岗位职责
2013/12/18 职场文书
检察官就职演讲稿
2014/01/13 职场文书
甜点店创业计划书
2014/01/27 职场文书
党支部公开承诺书
2014/03/28 职场文书
入股合作协议书
2014/10/12 职场文书
学习普通话的体会
2014/11/07 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
Linux安装Nginx步骤详解
2021/03/31 Servers
Python+tkinter实现高清图片保存
2022/03/13 Python