区别mouseover与mouseenter?
* mouseover: 在移入子元素时也会触发, 对应mouseout,进入子元素的时候,父元素显示离开状态
* mouseenter: 只在移入当前元素时才触发, 对应mouseleave,进入子元素时,父元素没有显示离开,离开整个区域才会是离开状态
hover()使用的就是mouseenter()和mouseleave()。
具体情况实现:
<script type="text/javascript">
$(".div1").mouseover(function(){
console.log('进入');
}).mouseout(function(){
console.log('离开');
}); $(".div3").mouseenter(function(){
console.log('进入2');
}).mouseleave(function(){
console.log('离开2');
}) </script>