jq tab 切换

 
  $(".tab li").click(function() {
    $(".tab li")
      .eq($(this).index())
      .addClass("activ")
      .siblings()
      .removeClass("activ");
    $(".tabCon .item")
      .hide()
      .eq($(this).index())
      .show();
  });
 

 
  <ul class="tab">
     <li class="activ">  </li>
     <li> </li>
     <li> </li>
  </ul>
 <div class="tabCon">
       <div class="item  on">
       </div>
       <div class="item">
       </div>
       <div class="item">
       </div>
  </div>