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 22 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
Jun 09 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
基于jquery二维码生成插件qrcode
Jan 07 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
Aug 27 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
Vue resource三种请求格式和万能测试地址
Sep 26 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
Jun 13 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
vue实现列表拖拽排序的功能
Nov 02 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/09/11 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP中返回引用类型的方法
2015/04/03 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
Gird事件机制初级读本
2007/03/10 Javascript
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
bootstrap table表格插件使用详解
2017/05/08 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
postman和python mock测试过程图解
2020/02/22 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
青年标兵事迹材料
2014/08/16 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
《学会看病》教学反思
2016/02/17 职场文书
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL