如何防止CHILD元素影响PARENT元素？
jQuery的：
$("#parent").click(function() {
alert('parent clicked');
});
$("#child").click(function() {
alert('child clicked');
});
HTML：
<div id="parent">
click me - parent
<div id="child">click me - child</div>
</div>
如果您单击该子项,则父项也会被激活,我们会有2个警报.
那么如何防止孩子影响父母呢？
解决方法
event.stopPropagation()
$("#child").click(function(event) {
event.stopPropagation();
alert('child clicked');
});
调用event.stopPropagation()将阻止事件冒泡DOM树.