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= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

解决办法

上面定义的是一个jQuery函数，我们可以通过 $("#bg").getHexBackgroundColor(); 获取到标签id="bg"的background-color的RGB值

jQuery获取样式表中的属性值

 代码如下 复制代码

<html>
<head><title>aaaa</title></head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">
 $(function()
 {  
$(".one > a").click(function(){
    <SPAN style="COLOR: #ff0000">var ba=$(this)[0].style.background;</SPAN>  alert($(this).html()+ba);
if(ba=="url(jia1.jpg) no-repeat")                         
{$(this).css({background:"url(jia.jpg) no-repeat"});}
else
  $(this).css({background:"url(jia1.jpg) no-repeat"});

  });

 });
</script>
<style type="text/css">
#left .one a{background:url(jia1.jpg) no-repeat;
padding-left:18px;
padding-top:5px;
cursor:hand;
}

</style>
<body>
    <div id="left">
      <img src="lefttop.jpg" />
      <ul>
        <li class="one"> <a>信息中心 </a>
          <ul>
              <li class="two"> <a href="#">信息?件箱 </a> </li>
              <li class="two"> <a href="#">信息收件箱 </a> </li>
          </ul>
        </li>
        <li class="one"> <a>我要采? </a> </li>
      </ul>
    </div>

</body>
</html>
时间： 2024-10-02 22:26:08

jQuery获取样式中的属性值/颜色值的相关文章

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

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

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)

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

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

Jquery 获取和设置元素属性值

Jquery 获取和设置元素属性值 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. $(this).attr(key);  获取节点属性名的值,相当于getAttribute(key)方法  $

jQuery获取attr()与prop()属性值的方法及区别介绍_jquery

今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: <!--html部分--> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3&l

js获取页面引用的css样式表中的属性值方法(推荐)_javascript技巧

如下所示: function getStyle(node, property){ if (node.style[property]) { return node.style[property]; } else if (node.currentStyle) { return node.currentStyle[property]; } else if (document.defaultView && document.defaultView.getComputedStyle) { var s

java-后台获取input标签中的属性值，该怎么获取

问题描述 后台获取input标签中的属性值,该怎么获取 后台想通过JAVA获取到input中的isDraft的值是否为0 该怎么获取 <input type="button" value="创建问卷" name="sendBtn" id="sendBtn" class="butn" isDraft=0>; <input type="button" value="

用jquery获取自定义的标签属性的值简单实例_jquery

如下所示: <tr class="gradeX" role="row" id="1001"> <td>王羲之</td> <td>2016-01-06</td> <td name="phone" style="display:none;">13680130700</td> <td name="pwd"

使用JavaScript获取Request中参数的值方法_javascript技巧

假设现在有一个URL,如下. http://www.jb51.net 如何通过JS访问到id和name里面的值呢,实现我们来分析一下思路. 先获取当前页面的URL,通过window.location.href. 提取该URL?后面的部分,通过slice()方法. 把获取到的Request对象分割成字符串数组,通过split() 方法. 接下来看代码. function getUrlVars() { var vars = [], hash; var hashes = window.location