tab选项卡切换 jquery

1.html部分代码

tab选项卡切换  jquery

 2.js部分代码

 $(".tabHead span").on("click", function () {
    var $this = $(this);
    var itemIndex = $this.index();
    $(this).addClass("active").siblings(".tabHead span").removeClass("active");
    $(".khfxPane").eq(itemIndex).show().siblings(".khfxPane").hide();
  });

3.样式图

tab选项卡切换  jquery

 tab选项卡切换  jquery

 4.另写上相应的css样式即可。