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 相关文章推荐
模仿jQuery each函数的链式调用
Jul 22 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
AngularJS实现路由实例
Feb 12 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 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修正代码
2011/05/09 PHP
php MessagePack介绍
2013/10/06 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
二行代码解决全部网页木马
2008/03/28 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Django model select的多种用法详解
2019/07/16 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
Python Socketserver实现FTP文件上传下载代码实例
2020/03/27 Python
Python如何将字符串转换为日期
2020/07/31 Python
详解Canvas事件绑定
2018/06/27 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
党员个人批评与自我批评
2014/10/14 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL