Jquery问题mouseout事件

divA里面有个divB，然后在divA加上鼠标移出事件，现在是鼠标移到divB的区域时，divA也隐藏了.

$("#divA").mouseout(function(){
        $(this).hide();
});
<div id='divA'>a<div id='divB'>b</div></div>

解决方法:
mouseenter和mouseleave事件就是防止这种情况出现而使用的

$("#divA").mouseleave(function(){
        $(this).hide();
});