下面小编就为大家带来一篇深入理解jQuery之防止冒泡事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。

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

下面是html代码部分：

对应的jQuery代码如下：

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

如何防止这种冒泡事件发生呢？

修改如下：

event.stopPropagation(); // 阻止事件冒泡

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

下面是案例：

html部分：

用户名：

还有一种防止默认行为的方法就是return false。效果一样。

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

以上这篇深入理解jQuery之防止冒泡事件就是小编分享给大家的全部内容了，希望能给大家一个参考