如何理解jquery事件冒泡

相关推荐

如何理解jquery事件冒泡

　　一、什么是jquery事件冒泡

　　在很多教材或者手册都可能会涉及到事件冒泡的概念，老手来说这当然是最基本的概念，但往往对于初学者可能比较陌生或者说从来没有听说过。下面就结合代码实例来简单介绍一下什么是事件冒泡。

　　代码实例如下:

　　点击查看效果

　　在以上代码中，我们可能只想点击锚点后弹出“我是third”，但是令人奇怪的事情却是所有父元素定义的click事件都会被触发。这就是一个典型的事件冒泡效果。所谓的冒泡事件就是，如果在某一个对象上触发某一类事件（如上例的click事件），那么此事件会向对象的父级对象传播，并触发父对象上定义的同类事件。事件传播的方向是从最底层到最顶层，类似于水泡从水底浮上来一般。

　　二、javascript如何阻止事件冒泡

　　冒泡事件能够带来便利，有时候也会带来麻烦，下面就简单介绍一下如何阻止事件冒泡。

　　代码实例如下:

　　#grandfather{ border:1px solid #0066FF; cellpadding:0px; cellspacing:0px;}#grandfather td{ border: 1px solid #0066FF;}