$.mouseenter(), $.mouseleave()

mouseover,mouseout 是 js 原生的鼠标移入移出事件
mouseenter,mouseleave 是 jq 提供的鼠标移入移出事件

它们的区别在于

mouseover,mouseout:受子节点影响
mouseenter,mouseleave:不受子节点影响

定义和用法
当鼠标指针穿过（进入）被选元素时，会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件，或添加当发生 mouseenter 事件时运行的函数。
注意：与 mouseover 事件不同，mouseenter 事件只有在鼠标指针进入被选元素时被触发，mouseover 事件在鼠标指针进入任意子元素时也会被触发。参见页面底部演示实例。

参考资料:jQuery mouseenter() 方法 | 菜鸟教程

end