jquery中阻止hover事件冒泡

关于jquery中阻止hover事件冒泡，比如：给子元素设置hover样式后，通过鼠标的移入、移出触发子元素的hover事件。此时如果子元素的父元素甚至祖辈元素同样存在hover事件，在执行完子元素的hover事件之后会层层向上触发父辈元素的hover事件。这就是hover事件的冒泡现象。

这里具体说说关于jquery中阻止hover事件冒泡的方法有以下几种方法去处理呢？

阻止冒泡

方法一：

 $("div").hover(function(event){
     var event=event || document.event;
     event.stopPropagation()
     $(this).addClass(" selected");    
 },function(event){
     var event=event || document.event;
     event.stopPropagation()
     $(this).removeClass(" selected")
 })

方法二：

 $("div").hover(function(event){
     if(event.target== this)
     {
         $(this).addClass(" selected");
     }
 },function(event){
     if(event.target== this)
     {
         $(this).removeClass(" selected")
     }
 })

阻止冒泡之后，鼠标悬浮第一个子元素，只会触发子元素的hover事件。

总结

hover事件是由mouseenter和mouseleave共同构成的。

未经允许不得转载：哈勃私语 » jquery中阻止hover事件冒泡