Question

jQuery 中的hover 和 mouseover 有什么区别

本人小白，对jQuery没有接触过，要把一个点击切换图片幻灯片改成鼠标移动切换，自己实际测试了下hover和mouseover发现效果上没发现什么区别，希望大神以通俗易懂的方式解释下双方的区别（百度COPY来的就不要贴出来了，看不懂）。

顺带帮忙解答下关于mousemove的注释（注释：每当用户把鼠标移动一个像素,就会发生一个 mousemove 事件。这会耗费系统资源去处理所有这些 mousemove 事件。因此请审慎地使用该事件。）

这里所指的“耗费系统资源去处理所有这些 mousemove 事件”的系统资源是指服务器的资源吗？

Answer 1

这2个是有区别的。
hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave。而mouseover鼠标进入某个元素或其子元素时触发。
可参考mouseover和mouseenter的区别：http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover
而mousemove如你所说只要鼠标移动，哪怕只有1像素就会触发。因为用户在浏览网页的过程中，鼠标是会不停移动的，所以一旦绑定这个事件，网页就会不停的执行mousemove所绑定的响应函数，消耗系统资源。这里的系统资源是指客户端的。。

追问

jQuery实在是太坑爹了…最后问下，像现在网站流行的鼠标移动切换图片的jQuery，一般用什么（mouseover、mousemove、mouseenter或者还有其他的什么……）

直接给我个参考意见吧，免得我一个个看介绍（还看得不是很懂）

追答

不知道你具体是想要哪种效果。。。

如果是像百度首页的新闻那样的话（如图），对红圈中的每一个白点用mouseenter就可以了。

追问

没错，就是要这种，谢谢了~

Answer 2

hover接受两个参数，一个执行mouseover的功能，一个执行mouseout的功能

Answer 3

hover 可以带两个函数，一个移入，一个移出