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 写类方式之六
Jul 05 Javascript
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
jQuery+css实现图片滚动效果(附源码)
Mar 18 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
Jan 08 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
Vue slot用法(小结)
Oct 22 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操作Memcache实例介绍
2013/06/14 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
Js 中debug方式
2010/02/07 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
详解react如何在组件中获取路由参数
2017/06/15 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
详解Python编程中time模块的使用
2015/11/20 Python
python django 访问静态文件出现404或500错误
2017/01/20 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
雅诗兰黛美国官网:Estee Lauder美国
2016/07/21 全球购物
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
个人实用简单的自我评价
2013/10/19 职场文书
美化环境标语
2014/06/20 职场文书
党支部创先争优活动总结
2014/08/28 职场文书
2014年女职工工作总结
2014/11/27 职场文书
毕业生入职感言
2015/07/31 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏
JAVA springCloud项目搭建流程
2022/05/11 Java/Android