jquery tabs切换

<script type="text/javascript">
jQuery(function($){
 //列表切换tab样式改变
 $('.tab_content').hide().eq(0).show();
 $('.tab>a').each(function(i){
  $(this).click(function(){
   $('.tab>a').removeClass('tab_sel').eq(i).addClass('tab_sel');
   $('.tab_content').hide().eq(i).show();
  });
 });
});
</script>
html部分：
<div class="tab">
     <a href="javascript:;" class="tab_sel">标签一</a>
     <a href="javascript:;">标签二</a>
     <a href="javascript:;">标签三</a>
     <a href="javascript:;">标签四</a>
 </div>
      <div class="tab_content">  第一部分   </div>
     <div class="tab_content">   第二部分     </div>
     <div class="tab_content">第三部分     </div>
     <div class="tab_content">第四部分     </div>
   </div>

　　

转载于:https://www.cnblogs.com/dudu837/archive/2011/11/10/2244624.html