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代码必备[js多浏览器兼容写法]
Oct 29 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
vue+element 实现商城主题开发的示例代码
Mar 26 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
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
php获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
php实现文件下载代码分享
2014/08/19 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
php备份数据库类分享
2015/04/14 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
Python科学计算环境推荐——Anaconda
2014/06/30 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
对Django外键关系的描述
2019/07/26 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
python中可以声明变量类型吗
2020/06/18 Python
python使用建议与技巧分享(二)
2020/08/17 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
python元组拆包实现方法
2021/02/28 Python
kfc实习自我鉴定
2013/12/14 职场文书
数学国培研修感言
2014/02/13 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
群众路线个人整改方案
2014/10/25 职场文书
小学生优秀评语
2014/12/29 职场文书