<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script src="jQuery_min_3.6.1.js"></script>
<style>
#div1{
width: 300px;
height: 300px;
background-color: cadetblue;
}
#div2{
width: 200px;
height: 200px;
background-color: aqua;
}
#div3{
width: 100px;
height: 100px;
background-color: yellow;
}
</style>
<body>
<span></span>
<div id="div1">
<div id="div2">
<div id="div3">
</div>
</div>
</div>
</body>
<script>
$('#div1').click(function(){
alert('点击div1');
})
$('#div2').click(function(){
alert('点击div2');
// 取消冒泡事件、默认事件
// return false;
e.stopPropagation();
});
$('#div3').click(function(){
alert('点击div3');
});
</script>
</html>