Javascript jQuery检查是否设置了.css属性

我的代码如下所示

if($(element).css("background-color") == null){
  $(element).css("background-color", "white");
}

我想确保如果没有在

style.css

文件中设置颜色，我会添加它。但那个代码不起作用。它总是返回

rgba（0,0,0,0）

。我使用的浏览器是Chrome

---

是否有其他方法检查颜色是否未设置？

elclanrs建议的方法是处理此问题最优雅的方法，应该是首选方法。然而，为了满足好奇心，您可以使用

CSS:

.background-set { background-color: white; }

jQuery：

var $el = $(element);

if( !$el.hasClass('background-set') ){
   $el.addClass('background-set');
}

虽然我不知道你为什么要检查。您可以不带条件地添加它

---

或者：

if ( $el.prop('style').backgroundColor == '' ) {
   ... 
}

或

---

用CSS中的类和样式进行逻辑处理。然后，您可以使用

hasClass

检查该类是否存在。这是一种方法。谢谢：）虽然这很好，但我认为它只检查内嵌样式？你是对的，这也是当你有其他选择时不应该这样做的另一个原因。是一个比我发布的更好/更彻底的解决方案。这里的链接很好，与OP的要求非常相关=）（即使类路由无疑是最好的方法！）

if ( $el.prop('style').backgroundColor == '' ) {
   ... 
}

if ( $el.get(0).style.backgroundColor == '' ) {
   ...
}