jquery阻止元素冒泡的两种方法

通常情况下，如果给父元素添加事件之后，子元素也会继承同样的事件，这个时候就要阻止子元素的这种行为，成为阻止冒泡，总结两种解决方法：

html代码：

<div id="parent" onclick="alert(this.id)">
       <div id="child">子元素div</div>
</div>

事件：

// 阻止元素冒泡的两种方法
//方法一：
$('#child').click(function() {
     return false;
});
//方法二：
$('#child').click(function(e) {
    e.stopPropagation();
});

这样子元素就不会执行父元素的事件啦！

此外，如果父元素为a标签，并且有跳转链接，若要阻止点击子元素跳转的动作，同样在绑定子元素的事件里面增加 return false; 这样就可以阻止子元素跳转了！