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 相关文章推荐
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
基于ajax与msmq技术的消息推送功能实现代码
Dec 26 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
原生JS与JQ获取元素的区别详解
Feb 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
77A一级收信机修理记
2021/03/02 无线电
php Undefined index和Undefined variable的解决方法
2008/03/27 PHP
PHP 源代码压缩小工具
2009/12/22 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
理解 JavaScript 预解析
2009/10/25 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
vue使用xe-utils函数库的具体方法
2018/03/06 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
Python的历史与优缺点整理
2020/05/26 Python
Python如何急速下载第三方库详解
2020/11/02 Python
如何一键升级Python所有包
2020/11/05 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
美国生鲜及杂货电商:FreshDirect
2018/01/29 全球购物
新农村建设汇报材料
2014/08/15 职场文书
详解Java实践之抽象工厂模式
2021/06/18 Java/Android
Node实现搜索框进行模糊查询
2021/06/28 Javascript