jquery里mouseover和mouseout或mouseenter和mouseleave移入移出时执行多次的触发解决办法

区别：

mouseover与mouseenter

　　不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。

　　只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

mouseout与mouseleave

　　不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

　　只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

在#a没有子元素的情况下，两者在效果上没有区别

但是#a有子元素的情况下，为了mouseover，mouseout触发的此时就可能比mouseenter，mouseleave多

$("#a").mouseover(function(){ $(this).children().slideDown(1000); }).mouseout(function(){ $(this).children().slideUpt(1000); });

$("#a").mouseenter(function(){ $(this).children().slideDown(1000); }).mouseleave(function(){ $(this).children().slideUp(1000); });

而slideUp是个过程需要时间，但是mouseout，mouseover，mouseenter，mouseleave事件都是瞬间发生，多次触发会产生动画重复，这个可以用jq的stop方法阻止动画。

$("#a").mouseenter(function(){

     $(this).children().stop().slideDown(1000); 

}).mouseleave(function(){ 

    $(this).children().stop().slideUp(1000);

 });