JQuery获取样式中的background-color颜色值的问题_Javascript教程-查字典教程网
JQuery获取样式中的background-color颜色值的问题
JQuery获取样式中的background-color颜色值的问题
发布时间:2016-12-30 来源:查字典编辑
摘要:今天使用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格式显示了,已验证通过.

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类