jquery什么是事件冒泡？下面本篇文章带来源[email protected]搞@^&代*@码网大家了解一下jQuery 事件冒泡。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
冒泡事件就是，如果在某一个对象上触发某一类事件，那么该事件会向父级传播，并触发父对象上定义的同类事件。事件传播的方向是从最底层到最顶层，类似于水泡从水底浮上来一般。
一个HTML文档可以可视化一个DOM树：
那么事件冒泡现象就可以形象的表示为下图:
上面仅以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("搞代码网");
})
})
</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什么是事件冒泡？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jquery什么是事件冒泡？
转载请注明原文链接：jquery什么是事件冒泡？
