解决jQuery鼠标移入移出冒泡事件

鼠标移入移出冒泡事件解决 Jquery mouseenter和mouseleave

最近做了1个功能，鼠标移出div时该div隐藏，但是鼠标移入该div子元素时，该div也隐藏了。

开始是使用的jquery的mouseover和mouseout事件，但是问题来了，我要的是鼠标移出ul的时候才触发mouseout事件，但是我鼠标移出ul子元素li的时候也出触发ul上注册的mouseout事件，这样就达不到想要的效果。

后来跟同事讨论才发现，jQuery本身还有另外两个事件,mouseenter和mouseleave，同样是鼠标移入，移出。只是它只针对注册元素生效，对子元素不会生效，没有冒泡事件。

很完美的解决了问题。