JQuery获取样式中的background-color颜色值的问题_jquery

今天使用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格式显示了,已验证通过.

时间: 2024-12-31 01:09:45

JQuery获取样式中的background-color颜色值的问题_jquery的相关文章

jQuery获取样式中的属性值/颜色值

 代码如下 复制代码 $.fn.getHexBackgroundColor = function() {     var rgb = $(this).css('background-color');     rgb = rgb.match(/^rgb((d+),s*(d+),s*(d+))$/);     function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}     return rgb= "

jQuery获取样式中的背景颜色属性值/颜色值_jquery

天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome.Firefox中则是以GRB格式显示rgb(255,0,0),由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的).搜索了一下,从国外的一个网站上得到一段代码 复制代码 代码如下: $.fn.getHexBackgroundColor = function() { v

jQuery获取样式中颜色值的方法_jquery

本文实例讲述了jQuery获取样式中颜色值的方法.分享给大家供大家参考.具体分析如下: 今天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示[#ffff00],而Chrome.Firefox中则是以GRB格式显示[rgb(255,0,0)],由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的).搜索了一下,从国外的一个网站上得到一段代码: $.fn

怎么用jquery获取servlet中xml标签中的文本内容,

问题描述 怎么用jquery获取servlet中xml标签中的文本内容, // person.find("name").text; 这句话帮忙看下为什么返回不了文本内容? function but() { $.ajax({ type : "GET", url : "/AJAX/CServlet", dataType : "xml", success : function(data) { $(data).find("p

jQuery获取字符串中出现最多的数_jquery

推荐阅读:统计jQuery中各字符串出现次数的工具 废话不多说说了,直接给大家贴js代码了. //获取字符串中出现最多的数和它一共出现多少次 var str = 'asdfssaaasasasasaa'; //定义字符串 var json = {}; //定义数组用来存储每个字符元素所对应的个数 for (var i = 0; i < str.length; i++) { //遍历字符串中所有的元素 if (!json[str.charAt(i)]) { //判断当前元素是否已经在数组中存在 s

jquery获取url参数及url加参数的方法_jquery

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作,下面通过文字说明加代码分析的形式给大家解析,具体详情请看下文. 1.jquery获取url很简单,代码如下: 复制代码 代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如

Jquery获取iframe中对象的多种方法总结

DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text"); 在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.docum

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByI

jquery获取URL中参数解决中文乱码问题的两种方法

 从A页面通过url传参到B页面时,获取URL中参数出现中文乱码问题,解析url参数的正确方法如下,感兴趣的朋友可以参考下 从A页面通过url传参到B页面时,解析url参数可以用下面两种方法:  方法一:正则分析法  代码如下: function getQueryString(name) {  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  var