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 相关文章推荐
又一个小巧的图片预加载类
May 05 Javascript
一个js封装的不错的选项卡效果代码
Feb 15 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
js实现具有高亮显示效果的多级菜单代码
Sep 01 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
Angular数据绑定机制原理
Apr 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
mysql中存储过程、函数的一些问题
2007/02/14 PHP
PHP与C#分别格式化文件大小的代码
2011/05/14 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
10条php编程小技巧
2015/07/07 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
2013/08/14 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
中文输入法不触发onkeyup事件的解决办法
2014/07/09 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
python实现趣味图片字符化
2019/04/30 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
18-35岁旅游团的全球领导者:Contiki
2017/02/08 全球购物
意大利香水和彩妆护肤品购物网站:Ditano
2017/08/13 全球购物
基层干部个人对照检查及整改措施
2014/10/28 职场文书
文明礼仪倡议书
2015/04/28 职场文书
导游词书写之黄山
2019/08/06 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA