jquery什么是事件冒泡?

jquery什么是事件冒泡?下面本篇文章带大家了解一下jQuery 事件冒泡。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

冒泡事件就是,如果在某一个对象上触发某一类事件,那么该事件会向父级传播,并触发父对象上定义的同类事件。事件传播的方向是从最底层到最顶层,类似于水泡从水底浮上来一般。

一个HTML文档可以可视化一个DOM树:

1.png

那么事件冒泡现象就可以形象的表示为下图:

2.png

上面仅以click事件作为例子进行说明。

注意:并非所有事件都有冒泡现象,例如blur、focus、load和unload事件就不具有。

代码实例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script>
$(document).ready(function(){
  $("#ant").click(function () {
    $("#result").text("HTML中文网");
  })
})
</script>
</head>
<body>
<p id="ant">
  <input type="button" id="bt" value="查看效果"/>
</p>
<div id="result"></div>
</body>
</html>

点击按钮会触发click事件,这个事件会向上传递,然后被p元素捕获,恰巧,p元素上注册了click事件处理函数,于是就会执行此事件处理函数。

更多jquery的相关知识,可访问:web前端课程!!

以上就是jquery什么是事件冒泡?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏