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 相关文章推荐
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
javascript下function声明一些小结
Dec 28 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
Angular 容器部署的方法
Apr 17 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
详解Vue数据驱动原理
Nov 17 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环境搭建的详细步骤
2016/06/30 PHP
php数据序列化测试实例详解
2017/08/12 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
angularJS 中input示例分享
2015/02/09 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
JS常用知识点整理
2017/01/21 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
python基于ID3思想的决策树
2018/01/03 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
django model通过字典更新数据实例
2020/04/01 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
Django如何批量创建Model
2020/09/01 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
Solaris操作系统的线程机制
2012/12/23 面试题
食品工程专业求职信
2014/06/15 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
2019年干货:自我鉴定
2019/03/25 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
Apache自带的ab压力测试工具的实现
2022/07/23 Servers