jquery方法mouseenter与mouseover的区别

转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/52883549
本文出自【我是干勾鱼的博客】

mouseover()方法相信大家都用过，当鼠标的指针位于元素上方时，会发生 mouseover事件，比如：

$("div").mouseover(function(){
  $("div").css("background-color","red");
});

这个事件大多数时候也会与 mouseout事件一起使用，一个移入一个移出嘛。

但还有一个方法，就是mouseenter()，它与mouseover()很像，但区别又是非常明显的，W3School上说：

与 mouseenter事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter事件。

也就是说鼠标滑过这个元素，会触发mouseover()方法，滑过它的子元素时，同样会再次出发mouseover()方法；但是，mouseenter()方法确实只在该元素本身被滑过时才被触发，该元素的子元素被划过时，mouseenter()函数是不会被触发的。