javascript - JQuery 无法识别#FFFFFF 的背景颜色

标签 javascript jquery html css

我正在尝试构建一个快速的东西,每次单击按钮时网页都会改变颜色。我已经编写了 JS,如果当前 bg 是#FFFFFF,它会将 bg 颜色更改为红色。在默认设置无效后,我尝试通过 CSS 和 HTML 脚本标记将 bg 颜色显式设置为#FFFFFF。都没有用。奇怪的是,如果我将 == 运算符更改为 !==,JS 就会运行。

    $(document).ready(function() {
      $("button").click(function() {
        if ($("body").attr("background-color") == "#FFFFFF") {
          $("body").css("background-color", "red");
        } else if ($("body").attr("background-color") == "red") {

        };
      });
    });
body {
  background-color: #FFFFFF;
}
<!DOCTYPE html>
<html>

<head>
  <title></title>

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css" type="text/css" />
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <title></title>
</head>

<body style="background-color:#FFFFFF;">
  <button>hi</button>
  <div class="test">text</div>
</body>

</html>

最佳答案

您不能使用 attr 来检索样式属性,您必须使用 css 来代替:
$("body").css("background-color")

更多信息在这里:https://api.jquery.com/css/

关于javascript - JQuery 无法识别#FFFFFF 的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42215435/

相关文章:

jquery - 单击时隐藏 div 并显示另一个 div

jQuery 绑定(bind)元素可见性与条件

html - 如何防止所有单选按钮在评级系统中突出显示

jquery - 使用 JQuery 查找 HTML 视频

javascript - 如何在javascript中终止父函数的执行?

javascript - 如何避免自动加载清除用户正在编写的文本?

javascript - 字符串匹配和不匹配的正则表达式问题

html - CSS 的多列、多行格式问题

JavaScript 将字符串解析为对象

javascript - 类型 'Server' 上不存在属性 'typeof "http"'