jquery mouseover和hover的区别

前段最近用了很多，但是学无止境啊，做项目的时候想要让鼠标悬停在某个区域触发一系列事件。想也没想就用mouseover来实现。

$(".download_area > div").mouseover(function(){
	$(".download_area img").attr("src", "static/images/download.png");
	$(this).children("img").attr("src", "static/images/download_on.png");
});

示例代码实现的是下载按钮的颜色切换，而html代码中：

<div class="download_area">
	<div class="iphone_download">
		<img src="static/images/download.png" />
		<div class="text">iPhone</div>
	</div>
	<div class="android_download">
		<img src="static/images/download.png" />
		<div class="text">Android</div>
	</div>
</div>

download_area  > div 之下还有子层，用mouseover，会发现有图片跳动的现象。想了许久想起来hover的效果与其比较相似，于是把mouseover改成hover就解决了问题。

后来查了一下发现hover会把事件绑定到所有子层中，而mouseover不会。