es6面向对象tab栏切换、添加、删除、编辑

javaScript进阶面向对象ES6

es6面向对象tab栏切换、添加、删除、编辑

面向对象tab栏切换（先删除所有选项卡操作再设置选中的选项卡）、
添加（先创建元素再追加元素到对应的父元素里面）、
删除（阻止冒泡防止触发点击事件 根据索引号删除对应的选项及内容 当删除的不是选中状态的选项的时候，原来的选中状态的 选项保持不变 当删除了选中状态的 选项 的时候，让它的前一个 选项处于选定状态）、编辑等操作

通过使用ES6中新增的class类实现tab标签栏，标签栏的添加，可以动态的在界面中新增一个标签栏，同时也可以删除tab标签栏,修改tab标签栏，切换tab标签栏。

案例预览（免费）：https://download.youkuaiyun.com/download/weixin_49139717/13066718

完整代码及注释资源：https://download.youkuaiyun.com/download/weixin_49139717/13066491