Javascript 尝试在每次单击时更改属性值

我试图在不透明度为1的黑色字母与不透明度为0.2的黑色字母之间切换，在每次单击时，尝试在不透明度为1的红色字母之间切换。这似乎不起作用，我不知道为什么。

尝试使用rgb值而不是颜色名称。JSFIDLE

---

注意：您当前的逻辑将始终只执行第一个条件语句，因为您正在检查color=black，它将始终是-the

else if

将永远不会运行，即使

opacity

=0.2

jQuery通过RGB语法处理颜色属性。有关更深入的信息，请阅读

我创建了一个小小提琴只是为了澄清你和其他人谁偶然发现这个问题

至于这里的问题，您正在检查字符串值

'black'

，它将始终返回

false

。总是。您需要检查rgb（0,0,0）值

更好更详细的小提琴

---

愉快的编码，将该语法应用到您的逻辑中，您应该会很好。：）

也许我们可以看到一个JSFIDLE。

$('.alphabetLetter').click(function() {
    if($(this).css('color') == 'black') {
        $(this).animate({'opacity':0.2},500);
    } else if($(this).css('opacity') == '0.2') {
        $(this).animate({
            'color':'#aa0000',
            'opacity':1
        },500);
    } else {
        $(this).animate({'color':'black'},500);
    }
});

$('.alphabetLetter').click(function() {
    if($(this).css('color') == 'rgb(0, 0, 0)') {
        $(this).animate({'opacity':0.2},500);
    } else if($(this).css('opacity') == '0.2') {
        $(this).animate({
            'color':'#aa0000',
            'opacity':1
        },500);
    } else {
        $(this).animate({'color':'black'},500);
    }
});