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 相关文章推荐
Javascript客户端将指定区域导出到Word、Excel的代码
Oct 22 Javascript
jQuery技巧总结
Jan 01 Javascript
JavaScript之引用类型介绍
Aug 10 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
vue slots 组件的组合/分发实例
Sep 06 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
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
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
python实现文本去重且不打乱原本顺序
2016/01/26 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
python判断数字是否是超级素数幂
2018/09/27 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Python线程threading模块用法详解
2020/02/26 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
python pip如何手动安装二进制包
2020/09/30 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
大学生职业生涯规划范文
2014/01/22 职场文书
小学数学教学反思
2014/02/02 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
六一儿童节主持开场白
2015/05/28 职场文书
职工培训工作总结
2015/08/10 职场文书
小学生安全教育心得体会
2016/01/15 职场文书