gpt4 book ai didi

javascript - 当我在 Css 中使用 id 选择器时,jquery dosent 中的 toggleClass 起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:40:44 24 4
gpt4 key购买 nike

我是 jQuery 的新手,我遇到一个问题,当我在 CSS 中使用 ID 选择器时,我的 jQuery 代码不起作用。

这是 HTML:

<body>    
<div id="fm">
</div>
</body>

这是 JavaScript 代码:

$(function () {
$("#fm").click(function () {
$(this).toggleClass("cm");
});
});

这个 CSS 没问题而且可以工作:

body>div{ 
height:100px;
background-color:blue;
transition:all ease 0.5s;
position:fixed;
top:0;
left:0;
bottom:100px;
right:0;
z-index:1000;
}

但是如果我在 CSS 选择器中使用 #fm 它就不起作用了。我认为这可能是因为级联行为,但我不知道如何解决。

这是不起作用的 CSS:

#fm{ 
height:100px;
background-color:blue;
transition:all ease 0.5s;
position:fixed;
top:0;
left:0;
bottom:100px;
right:0;
z-index:1000;
border:1px solid black;
}

这是cm类

.cm {
background-color:red;
height:150px;
}

如果你有帮助,我将不胜感激

最佳答案

尝试

#fm.cm

为您的 cm 规则。这样,ID 就不会覆盖类

关于javascript - 当我在 Css 中使用 id 选择器时,jquery dosent 中的 toggleClass 起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30258118/

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