gpt4 book ai didi

javascript - jQuery 不影响 css 属性

转载 作者:行者123 更新时间:2023-11-30 13:07:09 25 4
gpt4 key购买 nike

<分区>

因此,我尝试使用 jQuery 使文本有条件地不可见。有问题的文本在html中如下:

<div class="info">
<div class="bad-pass">Password is incorrect.</div>
<div class="good-pass">Password is correct.</div>
</div>

相关css如下:

.info {
visibility: hidden;
line-height: 0;
}
.info div:first-child {
color: red;
}
.info div:last-child {
color: green;
}

然后,我调用以下函数,传入 true 或 false(无论哪个都不起作用。)

function updatePass(correct) {
if(correct) {
$(".good-pass").css("visibility", "visible");
$(".good-pass").css("line-height", "1");
$(".bad-pass").css("visibility", "hidden");
}
else {
$(".good-pass").css("visibility", "hidden");
$(".bad-pass").css("visibility", "visible");
$("#bad-pass").css("line-height", "1");
}
}

有人可以解释为什么当我调用函数让 jQuery 更改它们时 css 属性没有改变吗?

编辑:

我最终放弃了 jQuery,并在 PHP 中获得了理想的结果,因为我已经在文档的其他地方使用了 PHP。然而,正如 Travis J. 指出的那样,代码在 jsFiddle 中运行,这让我非常困惑。有人可以解释为什么吗?

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