JS tab栏切换的学习笔记

  今天学了tab栏的切换，想发在我的第一篇csdn上面，js部分的思路如下

 （1）tab栏切换有两个大的模块
  （2）上面的模块选项卡，点击某一个，底色会变成红色，其余的不变色，用排他思想，
    修改类名的方式
  （3）下面的模块内容，会跟随上面的选项卡变化，所以下面模块变化写到点击事件里面
  （4）规律：下面模块的内容和上面的选项卡一一对应，相匹配
  （5）核心思路：给上面的tab_list 里面所有的小li添加自定义属性，属性值从0开始编号
  （6）点击选项卡，对应的模块显示，其他的隐藏

  js部分代码如下图