gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 04:47:03 25 4
gpt4 key购买 nike

我正在尝试构建一个快速的东西,每次单击按钮时网页都会改变颜色。我已经编写了 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com