jquery 中的hover()，mouseleave()&mouseenter()和mouseover()&mouseout()的区别

本文来自实践中发现的一个问题，然后高亮显示注意的地方，希望可以给到需要的朋友一点提示：

按照平时写jquery的思路，写鼠标滑入滑出效果都习惯性的使用hover()方法，但是今天脑子发热，想试试mouseover()，mouseout()。

首先介绍下，hover()方法，该方法触发两个事件，分别是 mouseenter(),mouseleave();

语法是这样的 :

$(selecter).hover(inFuntion,outFunction)

;

mouseover()方法触发mouseover事件，这是不用多说的，mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发，而mouseenter事件只有在鼠标进入被选元素时触发；

重要的事情说三遍，

mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发

mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发

mouseover事件是在鼠标进入指定元素时或者任意子元素的时候触发

反正我是被坑了。ps:基础不打扎实的真实写照

既然说到这里了，那就继续把这几个事件详细的说下吧。

mouseout()方法触发mouseout事件，当鼠标离开被选元素或者任意子级元素的时候触发，而mouseleave事件只有在鼠标离开被选元素时触发。

mouseleave()和mouseenter()经常配合一起使用，

mouseover()和mouseout()经常配黑一起使用。