jquery 简单实现tab切换效果
jQuery 下载地址 https://jquery.com/download/
<!-- Html 代码 -->
<div class="tabs-block">
<ul class="tab-tiem">
<li class="active">选项一</li>
<li>选项二</li>
<li>选项三</li>
</ul>
<div class="tab-content">
<div class="active">页面一</div>
<div>页面二</div>
<div>页面三</div>
</div>
</div>// jQuery 代码
$(function() {
$('.tab-item').on('click', 'a', function() {
$(this).addClass('active').siblings().removeClass('active');
$('.tab-content > div').eq($(this).index()).addClass('active').siblings().removeClass('active');
})
})