自己遇到的冒泡事件

今天在写个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()是自身执行，只阻止上级