通常有两种事件流模型，一种是冒泡，一种是捕获。顾名思义，冒泡就是从内往外传播，捕获就是从外往里传播。
对于dom事件，就是这样的。比如，有两个父子div。
<div id="pdiv" style="border: 1px solid red;width: 100px;height: 200px;">
<div id="cdiv" style="border: 1px solid blue;width: 50px;height: 50px;">
</div>
</div>
当点击cdiv块的时候，冒泡就意味着，从cdiv向pdiv传播，cdiv是在里边的元素。同理，捕获就是从pdiv向cdiv传播。现代流行的浏览器都支持冒泡，基本上推荐事件冒泡。
有了事件流，就带来了问题，如果cdiv和pdiv在页面加载时，都被赋予了点击事件，此时我点击cdiv的时候，我只希望执行cdiv的事件，而不想让它执行pdiv上的事件。
怎么办呢？此时，就需要阻止事件冒泡了。
比如：
$(function(){
$('#pdiv').click(function(e){
alert(this.id);
});
$('#cdiv').click(function(e){
alert(this.id);
e.stopPropagation();
});
});
如果注释掉第10行代码，点击cdiv的时候，就会先alert出cdiv，然后冒泡到pdiv。
在cdiv上进行阻止冒泡e.stopPropagation()，这样就只会alert出cdiv。
这个方法是阻止事件的传播，包括冒泡和捕获。通常在事件冒泡用即可。特殊情况再用在捕获。