浅谈jQuery 中的事件冒泡和阻止默认行为(jquery的gt)

编辑：rootadmin

推荐整理分享浅谈jQuery 中的事件冒泡和阻止默认行为(jquery的gt)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jqueryui,jquery技巧,jquery的gt,jquery示例,jquery示例,jqueryui,jquery的用处,jquery的gt,内容如对您有帮助，希望把文章链接给更多的朋友！

1、事件冒泡

当点击内部 <span> 元素时，会触发自身及外层 <div> 和 <body> 的点击事件，这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。

事件冒泡可能会引起意料之外的效果，有时候需要阻止事件的冒泡行为，使用 stopPropagation() 方法来实现。

修改 <span> 元素的 click 事件函数：

此时点击内部 <span> 元素时，只会触发自身的 click 事件，不会再向上冒泡。

2、阻止默认行为

有时候用户的操作未满足某些条件时，需要阻止某些元素的默认行为，如链接的跳转和表单的提交等，jQuery 提供了 preventDefault() 方法来实现。

当用户未填写用户名时，阻止表单提交：

如果想同时阻止事件冒泡和阻止元素默认行为，可以在事件函数中返回 false 来代替调用 stopPropagation() 和 preventDefault() 方法。

如：

以上这篇浅谈jQuery 中的事件冒泡和阻止默认行为就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

jQuery中使用animate自定义动画的方法动画animate().animate()方法的简单使用有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就是强大的animate方法了。操作一个元素执行3秒

jQuery实现图像旋转动画效果废话不多说了，直接给大家贴代码了，具体代码如下所示：!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

基于jQuery实现仿百度首页选项卡切换效果以下代码比较简单，所以没给大家附太多的注释，有问题欢迎给我留言，具体详情请看下文代码吧。先给大家展示下效果图：代码如下：!DOCTYPEhtmlhtmlhead

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