说道hover和mouseover，mouseout的区别，不得不联系到mouseenter，mouseleave。

mouseover,mouseout是指鼠标指针在穿过/离开被选元素或其子元素时触发。

mouseenter，mouseleave是指鼠标指针在穿过/离开被选元素时触发。

举个简单例子:

当鼠标移动到wapper上时类名为buttom的div变大，鼠标离开时恢复原样。

我们使用mouseover,mouseout。当鼠标在

和

标签之间来回移动时类名为buttom的div会不断变大，回复原样。

而mouseenter，mouseleave就不会出现这种情况。

而hover的效果等同于mouseenter，mouseleave。