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

在使用jQuery的JavaScript中，如何测试分配给元素的颜色是否为红蓝色，并且具有

id

作为

'id'

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

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

---

您应该能够使用

css

函数检查这一点，该函数只有一个参数：

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

我的首选是添加一个类（

red

或

blue

），并使用

hasClass

进行检查：

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

---

您应该能够使用

css

函数检查这一点，该函数只有一个参数：

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

我的首选是添加一个类（

red

或

blue

），并使用

hasClass

进行检查：

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

---

我还建议使用类，但如果您真的想知道某个东西的颜色，我会使用javascript库来解析从.css返回的内容，如下所示：

---

下面是一个正在使用的示例：

我也建议使用类，但是如果您真的想知道某个东西的颜色，我会使用javascript库来解析从.css返回的内容，如下所示：

---

下面是一个正在使用的示例：

如果您刚刚设置了颜色，那么您就知道它是什么，我不确定您为什么要查询它。页面应该是哑的，当然不应该使用DOM通过属性值来存储状态。你可以在元素中添加一个虚拟类，比如“ColorBlue”或“ColorRed”，然后使用它的存在来获取当前颜色，但我仍然认为它不是保存状态的地方。如果你刚刚设置了颜色，那么你知道它是什么，我不确定你为什么要查询它。页面应该是哑的，当然不应该使用DOM通过属性值来存储状态。您可以在元素中添加一个伪类，例如“colorblue”或“colorred”，然后使用该类的存在来获取当前颜色，但我仍然认为它不是保存状态的地方。