jQuery中hover与mouseover和mouseout的区别分析
本文实例分析了jQuery中hover与mouseover和mouseout的区别。分享给大家供大家参考，具体如下：
以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动画效果才让我见识了，这两个并不能等同。
<divclass="wrapper"> <divclass="img"></div> <divclass="text"></div> </div> <divclass="point"></div>
在wrapper上加事件，当鼠标移动到wrapper上的时候让class="point"的层放大。但如果用mouseover和mouseout事件的话，当鼠标移动到wrapper层后，point层会变大，但当鼠标在img和text层之间进行移动的时候，point层会变大变小，不停的变化。这并不是我们想要的结果，我们想要的是只要鼠标在wrapper层上，无论是img还是text上，point就变大，但在鼠标未移出wrapper层的情况下，point层不变小。
慢慢思路也清晰了，我们不用mouseover和mouseout而用hover问题就解决了。
这么简单的问题我们竟然花了好长时间才解决，真是夸张。写篇以作纪念。
补充：后来我师父说其实在jquery源码中有这么一段：
hover:function(fnOver,fnOut){
returnthis.mouseenter(fnOver).mouseleave(fnOut||fnOver);
}
也就是说hover！=mouseover+mouseout。但hover=mouseenter+mouseleave。
希望本文所述对大家jQuery程序设计有所帮助。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短