Jquery 判断html元素背景色

获取元素属性和设置元素属性

在使用jquery过程中可以通过对元素对象的css方法对该元素的样式进行设置和获取。使用方法如下：

//获取元素的背景色
var color = $(元素名称).css("background-color") ;
//设置元素的背景色和元素的颜色
$(元素名称).css({ background: '#fff', color: '#73767e' });

通过jquery设置元素的其他样式同上面的使用方法。

判断元素的背景色

在某些业务常见下我们需要判断元素的颜色属性。如果你调用了上面的

//获取元素的背景色
var color = $(元素名称).css("background-color") ;

方法，则获取到数据并不是我们设置颜色属性过程中的那个格式“#fff”，
通过debugger可以发现color是一个字符串格式的====>(“rgb(a,b,c)”)
如图：

既然是字符串格式的返回结果，那么我们判断字符串是否相等即可。需要格外注意的是空格字符串的标记是对字符中的空格也进行了比较，因此空格也是是否重要的。上面的样例中131和251前面是有一个空格的。