点击一个标签时添加一个css,点击另外的标签之前添加的css消失的脚本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击一个标签时添加一个css,点击另外的标签之前添加的css消失的脚本相关的知识,希望对你有一定的参考价值。

页面html

<ul class="m_top">
<li class="m_topli curr" onclick="getList(5216)">兴趣爱好</li>
<li class="m_topli" onclick="getList(5213)">自然科学</li>
<li class="m_topli" onclick="getList(5210)">趣味学科</li>
<li class="m_topli" onclick="getList(5219)">益智逗趣</li>
<li class="m_topli" onclick="getList(5222)">玩转字词句</li>
<li class="m_topli" onclick="getList(2658)">其他闯关</li>
</ul>

jq代码:

$(function () {
Indexshow();
})

function Indexshow() {
$(".m_top li").click(function () {
$(this).addClass(‘curr‘).siblings().removeClass(‘curr‘);
})
}

以上是关于点击一个标签时添加一个css,点击另外的标签之前添加的css消失的脚本的主要内容,如果未能解决你的问题,请参考以下文章

php点击a标签触发事件

jquery 点击当前添加一个样式,在次点击取消这个样式,

vue 去除a标签点击时的默认背景色

如何为动态生成的<a>标签添加事件 ,只有点击时触发?

react模板字符串里加的html标签怎么添加点击事件

如何用css去掉a标签点击时的背景色?