Javascript 如何获取元素的样式值-jQuery

如何获取背景色属性的值

if ($(this).css('background-color') == 'InfoBackground') 
{
     // it doesn't enter here
}

---

您需要对照

InfoBackground

的RGB值进行检查

请注意以下返回值

rgb（25125197）

if（$（“#myElement”）.css（'background-color'）=='rgb（25125197）'{
警惕（“你好”）；
}

#myElement{背景色：InfoBackground；}

嗨

据我所知，背景色输出是jQuery中的

rgb（）

，所以我不认为有什么比较方便的方法

举个例子,

它不会输入第一个if，因为

$（“#color”）.css（'background-color'）

等于

rgb（255,0,0）

并且它与

红色

不匹配，因此它不会进入if条件

您可以做的是为所需的DOM提供一个类，并检查元素是否具有该类，如下所示：

if($('#color').hasClass('red')){
    alert('second if');
}

---

这将在其内部触发警报。

背景色需要颜色代码。您可能需要检查类：

$（this）.hasClass（'InfoBackground'）

。请注意，元素的计算样式可能与样式表中为该元素指定的值不同。例如，尺寸的计算样式几乎总是像素，但它们可以在样式表中指定为em、ex、px或%。不同的浏览器可能返回逻辑上但文本上不相等的CSS颜色值，例如#FFF、#ffffff和rgb（255255255）。第一：背景颜色应该是颜色。第二：上面的代码是什么？也许InfoBackground是一个变量？那么，不用引述就可以使用它了。为什么？有什么原因吗？你是对的，你提到了错误，但没有写出解决方案。我明白了，但是这个呢？如果（$（this）.css（$（this.css（'background-color'）=='rgb（251252197）{//它应该现在输入，对吗？}它不会，因为你需要在每个半列后面放一个空格，就像这样

如果（$（this.css（'background-color'）=='rgb（251252197）{}

，现在它会输入，但是正如我上面所说的，它不方便，这意味着这样做不是一个好主意，因为不同浏览器的输出可能不同，最好也是最常见的方法是使用我上面提到的类。

if($('#color').hasClass('red')){
    alert('second if');
}