jQuery中hover与mouseover与mouseenter的区别
以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。但这两个并不能等同。
<div class="wrapper"> <div class="img"></div> <div class="text"></div> </div> <div class="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 ) {
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
}
也就是说hover!= mouseover+mouseout。但hover=mouseenter + mouseleave
这2个是有区别的。
hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave。而mouseover鼠标进入某个元素或其子元素时触发。
可参考mouseover和mouseenter的区别：http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover
mouseover事件与mouseenter事件的区别
不论鼠标指针穿过被选元素或其子元素，都会触发
mouseover事件，对应mouseout。只有在鼠标指针穿过被选元素时，才会触发
mouseenter事件，对应mouseleave。
这样的话，mouseenter子元素不会反复触发事件，否则在IE中经常有闪烁情况发生。
相关内容
-
浅谈jQuery+CSS实现前端网页加载进度条的三种方式
【推荐教程：CSS视频教程】前端网页加载进度条的实现有三种方式，看自己需求：一、顶部进度条在html代码中间插入jq代码执行动画。页面加载到哪部分，进度条就会相应的向前走多少当...
-
jq如何动态添加动态css样式
jq动态添加动态css样式的方法：首先准备jquery库文件，并声明一个class样式；然后准备一个事件加载初始化的方法，并直接用匿名函数；接着addClass方法给div元素...
-
jq怎么写css样式
方法如下：一般要在页面初始化的时候就要加载样式，所以使用ready()方法，语法格式为“$(document).ready(function)”。当DOM已经加载，并且页面（包...
-
jQuery html()方法有什么用
html()方法用于返回或设置被选元素的内容：1、如果未设置参数，则返回被选元素的当前内容，语法“$(selector).html()”；2、如果设置参数，则会覆盖所有匹配元素...
-
jquery怎么去除css属性
jquery去除css属性的方法：1、使用css()方法，语法格式“$(selector).css('属性名称','')”；2、使用re...
-
jquery怎么删除html元素
删除方法：1、使用remove()方法，可以删除被选元素及其子元素，语法“$(selector).remove()”；2、使用empty()方法，可以从被选元素中删除子元素，语...
-
jquery怎么替换html内容
替换方法：1、replaceWith()把被选元素替换为新的内容，语法“$(选择器).replaceWith(内容)”；3、replaceAll()用指定的HTML内容或元素替...
-
jquery对象怎么转为html dom对象
转换方法：1、jQuery对象是一个数据对象时，可以通过“[index]”方法进行转换，得到相应的DOM对象，语法“jQuery对象[index]”；2、通过“jQuery对象...
-
jquery怎么取消css样式
jquery取消css样式的方法：1、使用“$(selector).removeAttr("style");”语句移除全部css样式；2、使用“$(sele...
-
jquery中怎么修改css样式
jquery中修改css样式的方法：1、使用“css("属性名","属性值")”语句修改；2、使用“css({属性名:"属性值...
