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 相关文章推荐
JavaScript 学习笔记(六)
Dec 31 Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
小程序云开发之用户注册登录
May 18 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
jQuery实现全选按钮
Jan 01 jQuery
Javascript 解构赋值详情
Nov 17 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
图书管理程序(一)
2006/10/09 PHP
php生成WAP页面
2006/10/09 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
在JS中如何调用JSP中的变量
2014/01/22 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
js比较日期大小的方法
2015/05/12 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
Python程序设计入门(4)模块和包
2014/06/16 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
softmax及python实现过程解析
2019/09/30 Python
python配置文件写入过程详解
2019/10/19 Python
Python中bisect的使用方法
2019/12/31 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
java关于string最常出现的面试题整理
2021/01/18 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
购房意向书范本
2014/04/01 职场文书
《高尔基和他的儿子》教学反思
2014/04/09 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
高中运动会广播稿
2015/08/19 职场文书