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样式即可。

tab选项卡切换 jquery

上一篇:创建多个绘图区 | Python 数据可视化库 Matplotlib 快速入门之十一


下一篇:vue打开摄像头拍照并上传至服务器