自己遇到的冒泡事件

今天在写个demo,发现自己并没有做那个效果，他却自己产生，后来用F12调试后，发现是冒泡事件：就是一个父元素和一个子元素，子元素上的事件在自身执行完后，会在父元素上再次执行，比如：

$(".mst_ul li").hover(function(){　　//父元素
      $(this).addClass("bg_light");
    }, function(){
      $(this).removeClass("bg_light");
    }
);
$(".nav_ul li").hover(function(){　　//子元素
      $(this).addClass("bg_light");
      //event.stopPropagation();　//　防止冒泡事件
    }, function(){
      $(this).removeClass("bg_light");
      //event.stopPropagation();
    }    
);

还有return false也能阻止冒泡，return false是阻止自身以及上级触发

event.stopPropagation()是自身执行，只阻止上级