概述
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点击功能所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复