点击一个标签时添加一个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消失的脚本的主要内容,如果未能解决你的问题,请参考以下文章