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入门教程(5) js Screen屏幕对象
Jan 31 Javascript
Js四则运算函数代码
Jul 21 Javascript
jquery单行文字向上滚动效果的实现代码
Sep 05 Javascript
jquery插件jSignature实现手动签名
May 04 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
浅析JavaScript声明变量
Dec 21 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
swiper4实现移动端导航切换
Oct 16 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 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
使用php+xslt在windows平台上
2006/10/09 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
Destoon模板制作简明教程
2014/06/20 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
Angular弹出模态框的两种方式
2017/10/19 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
python实现简易内存监控
2018/06/21 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
2016/04/26 HTML / CSS
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
企业为何需要商业计划书
2013/12/26 职场文书
主题酒店策划书
2014/01/28 职场文书
学习经验交流会主持词
2014/04/01 职场文书
预备党员党支部意见
2015/06/02 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书
导游词之潮音寺
2019/09/26 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
Python jiaba库的使用详解
2021/11/23 Python
Python实现归一化算法详情
2022/03/18 Python