如何比較使用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/