mouseenter与mouseover

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

之前一直以为mouseover就够啦，今天用了animate事件配合使用才发现问题

<div class="dropdown language">
<a href="javascript:;" class="btn btn-default">CH</a>
<ul>
<li><a href="#">CH</a></li>
<li><a href="#">EN</a></li>
</ul>
</div>

$(‘.mynav .language‘).mouseover(function(){
$(‘.mynav .language‘).find(‘ul‘).fadeIn()
})
$(‘.mynav .language‘).mouseout(function(){
$(‘.mynav .language‘).find(‘ul‘).fadeOut();
});

使用mouseover和mouseout时当鼠标滑过ul 下的a时会闪烁三次，因为事件冒泡，动画形成队列

mouseenter与mouseover

原文：http://www.cnblogs.com/obeing/p/5182327.html