教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery获取样式中background-color颜色值

jquery获取样式中background-color颜色值

发布时间:2015-11-02   编辑:jiaochengji.com
本文介绍下,在JQuery获取样式中background-color的值时,获取到的颜色值在IE中与Chrome、Firefox显示的格式不一致的解决方法。

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格式显示,验证通过。

您可能感兴趣的文章:
jquery获取样式中background-color颜色值
JQuery获取样式中的background-color颜色值的问题
jQuery获取样式中的背景颜色属性值/颜色值
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
Javascript 将 rgb 颜色值转换为 16 进制值的代码
jquery获取颜色在ie和ff下的区别示例介绍
juqery 学习之六 CSS--css、位置、宽高
jquery如何判断某元素是否具备指定的样式
JQuery 拾色器插件发布-jquery.icolor.js
学习网页技术CSS样式颜色属性的使用

[关闭]
~ ~