mouseout与mouseleave的区别

区别与联系

联系：都是鼠标移出元素时触发.

区别：

1. 不论鼠标指针离开指定元素还是该元素子元素，都会触发 mouseout 事件。
2. 只有在鼠标指针离开指定元素时，才会触发 mouseleave 事件。

通过实例来区分

<div id="1"><a>这是一个a</a></div>
<div id="2"></div>

$(function (){
	$(document).ready(function(){
    	$("#1").mouseout(function(){
	    	//此方式下，当鼠标移出<a>元素也会触发
	        $("#2").css("background-color","yellow");
    	});
	});  
	$(document).ready(function(){
	    $("#1").mouseleave(function(){
	    	//只有鼠标移出#1<div>时才会触发
	        $("#2").css("background-color","blue");
	    });
	});
});