javascript - Jquery颜色不会切换

Question

当您单击 <td> 时，我需要构建一段非常简单的代码。它会变成黑色，但当您再次单击它时，它会变成白色。

$(document).ready(function(){
    $("td").click(function(){
        if($(this).css('background-color') != 'black'){
            $(this).css('background-color', 'black');
        }
        else if($(this).css('background-color') === 'black'){
            $(this).css('background-color', 'white');
        }
    });
});

使用此代码，它将变黑，但不会再次变白。

Answer 1

它不会再变白，因为“black”只是一个快捷方式。浏览器将其转换为 rgb(0, 0, 0)，这并不绝对严格等于 ( == vs. === ) 为“黑色”

看这个 fiddle :

https://jsfiddle.net/uxnrfh3c/

$(document).ready(function() {
    $("span").click(function() {
        alert($(this).css('background-color')); // alerts rgb(0, 0, 0)
        if($(this).css('background-color') != 'black') {
            $(this).css('background-color', 'black');
        }
        else if($(this).css('background-color') === 'black') {
            $(this).css('background-color', 'white');
        }
    });
});