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中利用数组实现的循环队列代码
Jan 24 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
Vue 实现双向绑定的四种方法
Mar 16 Javascript
vue动态配置模板 'component is'代码
Jul 04 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
详解JavaScript的this指向和绑定
Sep 08 Javascript
JavaScript 实现轮播图特效的示例
Nov 05 Javascript
详解vue 组件的实现原理
Nov 12 Javascript
JavaScript实现缓动动画
Nov 25 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
php中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
如何设置一定时间内只能发送一次请求
2014/02/28 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
详解pandas绘制矩阵散点图(scatter_matrix)的方法
2020/04/23 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
波兰补充商店:Muscle Power
2018/10/29 全球购物
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
2016/04/28 面试题
请解释接口的显式实现有什么意义
2012/05/26 面试题
毕业生机械建模求职信
2013/10/14 职场文书
高中自我鉴定
2013/12/20 职场文书
自我鉴定书
2014/03/24 职场文书
企业活动策划方案
2014/06/02 职场文书
关于童年的读书笔记
2015/06/26 职场文书
Nginx 匹配方式
2022/05/15 Servers