如何比较使用JavaScript为元素分配的颜色

在使用jQuery的JavaScript中，如何测试分配给元素的颜色是否为红色蓝色， id为'ID' 。

用于设置元素颜色的JavaScript语句是：

 $('#ID').css({'background-color':'#FF0000'}); 

Answer 1

您应该能够使用只有一个参数的css函数来检查：

 if ($('#ID').css('background-color') == '#FF0000') { // your code } 

我的偏好是添加一个类（ red或blue ）并使用hasClass检查：

 if ($('#ID').hasClass('red')) { // your code } 

Answer 2

我也建议使用类，但如果你真的想知道某些东西的颜色，我会用一个javascript库来解析.css的返回，就像这个： http ： //www.phpied.com/rgb-color-解析器中的JavaScript /

以下是它的一个使用示例： http ： //jsfiddle.net/keegan3d/5SBpk/