如何比较使用JavaScript为元素指定的颜色

Question

在使用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-parser-in-javascript/

这里是它的一个例子在使用中：http://jsfiddle.net/keegan3d/5SBpk/