鼠标 mouseover和mouseout事件

在div内想实现鼠标移入移出效果，最开始的时候是用了jquery的mouseout和mouseover事件来实现的，

$('.product).mouseover(function(){
        ……
}).mouseout(function(){
        ……
});

　　但是当鼠标在div内的元素移动时也触发了mouseout事件，第一时间想到的是自己代码是不是写错了，但是检查了很多遍，发现没有问题的，

既然代码没有问题，那为什么会出现这种情况？后面想不到原因就上网搜索下，结果发现确实是存在这种情况，解决方法是用mouseleave和mouseenter

来实现移入移出效果。

另注，使用时可能存在错误，使用mouseleave来代替mouseout，但是还是继续使用mouseover，会导致mouseover事件一直被触发，

所以，jquery中的方法还是成对的用比较好，能避免出现不必要的错误