<html>
<body>
<script src="jquery.js"></script>
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
<script>
$(document).click(
function()
{
alert('document');
}
);
$('div').click(
function(event)
{
alert('div');
}
);
</script>
</html>
以上示例中，在div上点击回出现两次提示，首先是提示div,然后提示document
说明在JQUERY事件是按由里向外的处理顺序，这就是事件冒泡。响应完自己的事件，接着响应父元素的事件.
阻止时间冒泡：
1.获取触发事件对象 2.使用jquery注册的阻止方法event.stopPropagation()，.stopPropagation()方法，该方法可以完全阻止事 件冒泡。与.target类似，这个方法也是一种纯JavaScript特性，但在跨浏览器的环境中则无法安全地使用 。不过，只要我们通过jQuery来注册所有的事件处理程序，就可以放心地使用这个方法。
上列可修改为：
在div的click事件中加入event.stopPropagation()
变为如下:
$('div').click(
function(event)
{
alert('div');
event.stopPropagation();
}
);
