常用的标签页,内容变化
- html
<div class="tab">
<a class="active">a</a>
<a>b</a>
<a>c</a>
<a>d</a>
</div>
<div class="content " >1</div>
<div class="content" style="display:none">2</div>
<div class="content" style="display:none">3</div>
<div class="content" style="display:none">4</div>
- jQuery
$(".tab a").click(function(){
$(".tab a").eq($(this).index()).addClass("active").siblings().removeClass("active");
$(".content").hide().eq($(this).index()).show();
})
- jquery方法
eq遍历:eq()
siblings同胞元素:siblings()