JQ中的hover、mousexx的区别

JQ中:

hover() :当鼠标移入的时候.......,移出的时候.....;可以只发生移入事件。

mouseenter() :当鼠标进入的时候.....;

mouseleave() : 当鼠标离开的时候......;

hover() 等于  mouseenter() + mouseleave() ,效果完全相同;

特别指出的是:上面两种方法,都是进入该元素内部,包含其所有子元素。进入内部后再进入其子元素,效果只触发一次。


mouseon() :当鼠标在....上的时候.....;

mouseout() :当鼠标出去的时候.....;

这种方法是:当鼠标在此元素的上方时(鼠标与该元素之间不能间隔其它元素,必须是直接的、赤裸裸的on或out的关系);如果此元素有子元素,当鼠标进入此元素时触发事件,接着进入其子元素时再次触发事件,接着离开该子元素进入该元素的时候再次触发事件。与hover是有区别的

你可能感兴趣的:(前端笔记)