04-DOM操作练习：Tab栏切换（通过className设置样式）

文档摘要

title: 04-DOM操作练习：Tab栏切换（通过className设置样式） publish: true 京东网页上，可以看到下面这种tab栏的切换：我们把模型抽象出来，实现一下。举例引入：鼠标悬停时，current元素的背景变色本段我们先举一个例子，因为这里用到了排他思想（先干掉 all，然后保留我一个）。对于理解tab切换，很有帮助。完整的代码实现：代码解释：鼠标悬停时，current栏变色，这里用到了排他思想：先把所有按钮的className设置为空，然后把我(this)这个按钮的className设置为current，就可以达到变色的效果。