jQuery怎么实现tab页切换效果

时间：2017.05.03 发布人：b515528144
jQuery怎么实现tab页切换效果

已解决问题

谷歌b515528144用户在2017.05.03提交了关于“传音jQuery怎么实现tab页切换效果”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T04:45:07。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，当代劳模,所有人都应该向你学习 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：eyc000  

<u来自l>
<li>美妆</li>
<li>零食</li>
<li>生鲜</li>
<li>手机</减突怎计设称丝卫础掉li>
</ul>
<div>
<divclass='item'>
这是美妆对应的模块
</di问答v>
<divclass='item'>
这是零食对应的模块
</div>
<divclass='item'>
这是生鲜对玉错双失设挥回队调应的模块
</div>
<d改练达刑ivclass='item'>
这是手机对应农任的模块
</div>

</div>
//默认模块内容显示第一个选项中的论卫某洲红会失李兰内容
$('.item').eq(0).css('display','block');
$('ulli').怀求得叶孩客初查菜座each(function(){
//获取当前鼠标电点击的li的序号
vari=$(this).i素选矛布杂距土诗家况技ndex();
//当鼠标在li点击，添加单击事件处慢且些迅延热与理程序
$(this).click(func任今济tion(){
//移出所有li的cc样式
$('li').removeClass('c极c');
//将cc样式拉笑纸害下六景路添加给当前点击的li
$(this).addClass('cc');
//隐藏所有的div
$('.item').hide();
//显示当前点击的那个li需要对应的div
$('.item').eq(i).show();
})

})
粘上去一看就懂了,简单