深入理解jQuery之防止冒泡事件(jquery基础知识梳理)

编辑：rootadmin

推荐整理分享深入理解jQuery之防止冒泡事件(jquery基础知识梳理)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery从入门到精通,jquery原理解析,深入理解javascript pdf,jquery的理解,jquery从入门到精通,深入理解javascript pdf,jquery的理解,jquery的理念是什么,内容如对您有帮助，希望把文章链接给更多的朋友！

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

下面是html代码部分：

对应的jQuery代码如下：

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

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

修改如下：

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

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

下面是案例：

html部分：

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

代码如下：

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

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

jQuery unbind 删除绑定事件详解 unbind([type],[data])是bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册的自定义

浅析jquery unbind()方法移除元素绑定的事件 unbind()方法可以移除元素已绑定的事件，它的调用格式如下：$(selector).unbind(event,fun)其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun

js和jQuery设置Opacity半透明兼容IE6 1.css设置透明度透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的，IE使用滤镜filter的alpha属性，firefox和其它浏览器不支持滤镜，它们使用opact

本文链接地址:https://www.jiuchutong.com/biancheng/387244.html 转载请保留说明！