Question

jQuery选择器问题：怎么样给容器添加事件而不给里面的元素添加？

想给一个div添加事件，$("#div1").mouseout(function(){......})，这样，发现#div1里面的子元素也加上了事件，怎么回事？如果只想给#div1添加事件而不给里面的子元素添加的话，选择器要这么写呢？
O(∩_∩)O谢谢~~

Answer 1

注意这里的事件名称进入叫做"mouseenter", 离开叫做"mouseleave", 而不再使用"mouseover"和"mouseleave"事件.

有经验的开发人员会立刻想到在制作弹出菜单时, 经常遇到这个问题: 为弹出菜单设置了mouseout事件自动关闭, 但是鼠标在弹出菜单内移动时常常莫名其妙触发mouseout事件让菜单关闭. hover()函数帮助我们很好的解决了这个问题.