这两天在在做一个菜单，ul下多个li菜单，当鼠标移出ul的时候将菜单隐藏。
想到这移入移出，想到mouseover和mouseout事件，但是问题来了，我要的是鼠标移出ul的时候才触发mouseout事件，但是我鼠标移出ul子元素li的时候也出触发ul上注册的mouseout事件，这样就达不到想要的效果。
后来跟同事讨论才发现，jQuery本身还有另外两个事件,mouseenter和mouseleave，同样是鼠标移入，移出。只是它只针对注册元素生效，对子元素不会生效，没有冒泡事件。
很完美的解决了问题。
很开心，哈哈哈~~