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延迟执行实现方法(setTimeout)
Dec 30 Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
zTree实现节点修改的实时刷新功能
Mar 20 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 Javascript
element中的$confirm的使用
Apr 26 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中调用JAVA
2006/10/09 PHP
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
PHP 万年历实现代码
2012/10/18 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
2016/11/25 PHP
基于jquery的气泡提示效果
2010/05/31 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
SVG描边动画
2017/02/23 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
python使用super()出现错误解决办法
2017/08/14 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
Python编写Windows Service服务程序
2018/01/04 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
python 读取修改pcap包的例子
2019/07/23 Python
Python将string转换到float的实例方法
2019/07/29 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
python链表类中获取元素实例方法
2021/02/23 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
合作协议书怎么写
2014/04/18 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
群众路线对照检查材料
2014/09/22 职场文书
2015年党性分析材料
2014/12/19 职场文书
2015年个人思想总结
2015/03/09 职场文书
虎兄虎弟观后感
2015/06/12 职场文书
golang DNS服务器的简单实现操作
2021/04/30 Golang
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python