JQuery获取样式中的background-color颜色值的问题


Posted in Javascript onAugust 20, 2013

今天使用JQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示【#ffff00】,而Chrome、Firefox中则是以GRB格式显示【rgb(255,255,0)】,而我需要的是十六进制的颜色值,用于存储到数据库中,在网上找到下段代码能解决此问题:

$.fn.getHexBackgroundColor = function() { 
var rgb = $(this).css('background-color'); 
if(!$.browser.msie){ 
rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 
function hex(x) { 
return ("0" + parseInt(x).toString(16)).slice(-2); 
} 
rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); 
} 
return rgb; 
}

这样就都以HEX格式显示了,已验证通过.
Javascript 相关文章推荐
客户端限制只能上传jpg格式图片的js代码
Dec 09 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
JavaScript实现窗口抖动效果
Oct 19 Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
vue 实现动态路由的方法
Jul 06 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 26 Javascript
关于angular引入ng-zorro的问题浅析
Sep 09 Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 #Javascript
jquery indexOf使用方法
Aug 19 #Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 #Javascript
没有document.getElementByName方法
Aug 19 #Javascript
js中符号转意问题示例探讨
Aug 19 #Javascript
window.opener用法和用途实例介绍
Aug 19 #Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 #Javascript
You might like
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
js命名空间写法示例
2015/12/18 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python之eval()函数危险性浅析
2014/07/03 Python
Python with的用法
2014/08/22 Python
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
python下载的库包存放路径
2020/07/27 Python
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
法人委托书的范本格式
2014/09/11 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
初三语文教学计划
2015/01/22 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
MySQL里面的子查询的基本使用
2021/08/02 MySQL
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
mysql全面解析json/数组
2022/07/07 MySQL