css:
.nav{
margin: 20px 0;
display: flex;
justify-content: space-around;
}
.nav>span{
padding: 10px 0;
}
.nav .act_nav{
border-bottom:1px solid #f97952;
color: #f97952;
}
html:
<div class="nav">
<span class="act_nav">全部</span>
<span>代理</span>
<span>待激活用户</span>
</div>
js:
$('.nav>span').on('click',function () {
$('.nav>span').removeClass('act_nav')
$(this).addClass('act_nav')
})
最后
以上就是缥缈向日葵最近收集整理的关于jq实现tab点击功能的全部内容，更多相关jq实现tab点击功能内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复