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入门教程(6) Window窗口对象
Jan 31 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
深入理解node.js之path模块
May 03 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
了解javascript中let和var及const关键字的区别
May 24 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中fsockopen用法实例
2015/01/05 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
PHP排序算法之快速排序(Quick Sort)及其优化算法详解
2018/04/21 PHP
JavaScript 检测浏览器和操作系统的脚本
2008/12/26 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
JavaScript Dom实现轮播图原理和实例
2021/02/19 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
python写入已存在的excel数据实例
2018/05/03 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python unittest框架操作实例解析
2020/04/13 Python
用Python实现职工信息管理系统
2020/12/30 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
RealTek面试题
2016/06/28 面试题
大三学生入党思想汇报
2014/01/02 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
英文升职感谢信
2015/01/23 职场文书
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js
吉利入股戴姆勒后smart“长大了”
2022/04/21 数码科技