//html
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<p id='dd'>父节点</p>
<p id='cc'>子节点</p>
</body>
</html>
//js
$('#dd').click(function(){
alert(2);
$('#cc').click(function(){
alert(1);
});
});
//页面
第一次操作点击 ‘子节点’ 无反应
点击 ‘父节点’ 弹出 2
再次点击 ‘子节点’ 弹出 1 (一次)
点击 ‘父节点’ 弹出 2
点击 ‘子节点’ 弹出 1 (两次)
点击 ‘父节点’ 弹出 2
点击 ‘子节点’ 弹出 1 (三次)
结论:类似于上面的方法 每一次点击 ‘父节点’ 都会在 系统中存入 ‘子节点’ 点击事件的script ,所以才会出现上边的情况