jquery防止冒泡事件，冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件

e.preventDefault();//阻止浏览器默认行为
e.stopPropagation();//阻止事件冒泡
return false; //停止事件冒泡和阻止浏览器默认行为

html代码：

    外层div元素
    内层span元素
    外层div元素

对应的jquery代码:

当点击span时，会触发div与body的点击事件，点击div时会触发body的点击事件。

如何防止这种冒泡事件发生呢? 使用 event.stopPropagation();//阻止事件冒泡

修改jquery代码如下：

在表单应用中，有时候点击提交按钮会有一些默认事件。比如通过  action="" 跳转到别的页面，但是如果没有通过验证的话，就不应该跳转，这个时候可以通过设置event.preventDefault();//阻止默认行为（action 提交表单）

例子如下：

html部分

用户名：

jquery部分：

另外一种阻止默认行为的方法就是 return false;

代码如下：

同理，上面的冒泡事件也可以通过return false 来处理；