--01.事件冒泡
当触发DOM树里元素上的事件时，浏览器的事件处理机制会检查在那个元素上是否已经建立特定的事件处理程序。如果是，就调用处理程序。但到这儿事情还远远没有结束呢。
在目标元素获得机会处理事件之后，事件模型检查目标元素的父元素，看是否为同类型事件建立了处理程序。如果是，则也调用父元素的处理程序。在这之后，再检查其父元素，然后父元素，然后父元素··· 持续不停知道DOM树的顶部。因为事件处理向上传播就像香槟酒杯里毛渠的气泡（假定DOM树的根在顶部），所以把这个过程称为事件冒泡。
<script src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function() {
$("*").each(function() {
var current = this;
this.onlick= function(event) { //-->应用onclick处理程序到每个已选择元素
var target = (event.target) ? event.target : event.srcElement;
say(‘For‘+current.tagName+‘#‘+current.id+‘target is‘+target.id);
}
});
});
function say() {
$("#console").append(‘<div>‘+text+‘</div>‘);
}
</script>
<body>
<div id="grandpa">
<div id="pops">
<img src="http://localhost:2459/images/col.gif" />
</div>
</div>
<div id="console">
</div>
</body>
原文：http://www.cnblogs.com/john69-/p/5519550.html