使用jquery中的css（）方法检查样式

提问者：小点点

如何在if语句中使用。css（）方法？

我想知道背景颜色是不是红色，这样我可以改变它；

if($("body").css("background")=="red"){
alert("It is red!")
}

差不多。有可能吗？

共1个答案

匿名用户

这样做是可能的，但是您的方法有两个问题。首先，您将看到background属性，它是一个速记，包含颜色以及在本例中需要避免的其他几个属性。因此，具体使用background-color。

其次，现代浏览器将以RGB格式报告颜色。因此，您需要检查它，而不是简单地将red作为字符串。请尝试以下操作:

null

if ($("body").css("background-color") == "rgb(255, 0, 0)") {
  console.log("It is red!")
}

body { background-color: red; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>