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 相关文章推荐
浅析hasOwnProperty方法的应用
Nov 20 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
Jan 28 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
微信小程序修改数组长度的问题的解决
Dec 17 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实现无限级分类(不使用递归)
2015/10/22 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
JS delegate与live浅析
2013/12/21 Javascript
JQuery中使用ajax传输超大数据的解决方法
2014/07/14 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
详解Node 定时器
2018/02/26 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
Python 导入文件过程图解
2019/10/15 Python
vscode调试django项目的方法
2020/08/06 Python
Python join()函数原理及使用方法
2020/11/14 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
大学生自我鉴定范文
2013/12/28 职场文书
求职信怎么写
2014/05/23 职场文书
2014财务部年度工作总结
2014/12/08 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
七年级语文教学反思
2016/03/03 职场文书
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技