gpt4 book ai didi

jquery - css jquery改变类样式

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

$("#menu li").click(function () {
$("#menu .active").removeAttr("class");
$(this).attr("class","active");
});

<div id="menu">
<ul>
<li id="m1" class="active"><a>link 1</a></li>
<li id="m2"><a>link 1</a></li>
<li id="m3"><a>link 2</a></li>
<li id="m4"><a>link 3</a></li>
<li id="m5"><a>link 4</a></li>
<li id="m6"><a>link 5</a></li>
<li id="m6"><a href="">link 6</a></li>
<li id="m7"><a href="">link 7</a></li>
<li id="m8"><a>link 8</a></li>
</ul>
</div>

CSS:

#menu .active{
background:white;
}

#menu .active a{
opacity:0.5;
}

#menu a{
color:#08042b;
text-decoration:none;
font-size:14px;
text-shadow: 1px 0px 1px #6055c8;
position:relative;

}

当我第一次点击链接时,一切似乎都正常..当我第二次点击这个 li 的背景颜色时,li 字体的不透明度为 0.5,之前的 li 没有激活 className 但之前的 li 文本还没有进入不透明度:1有帮助吗?

最佳答案

如前所述,使用 $("#menu .active").removeClass("active"); 比删除整个类属性更正确,因为您可能会结束丢失您可能拥有的其他类(class),从而导致意外行为。

关于jquery - css jquery改变类样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8285406/

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