如何理解jquery事件冒泡

　　一、什么是jquery事件冒泡

　　在很多教材或者手冊都可能會涉及到事件冒泡的概念，老手來說這當然是最基本的概念，但往往對于初學者可能比較陌生或者說從來沒有聽說過。下面就結合代碼實例來簡單介紹一下什么是事件冒泡。

　　代碼實例如下:

　　點擊查看效果

　　在以上代碼中，我們可能只想點擊錨點后彈出“我是third”，但是令人奇怪的事情卻是所有父元素定義的click事件都會被觸發。這就是一個典型的事件冒泡效果。所謂的冒泡事件就是，如果在某一個對象上觸發某一類事件（如上例的click事件），那么此事件會向對象的父級對象傳播，并觸發父對象上定義的同類事件。事件傳播的方向是從最底層到最頂層，類似于水泡從水底浮上來一般。

　　二、javascript如何阻止事件冒泡

　　冒泡事件能夠帶來便利，有時候也會帶來麻煩，下面就簡單介紹一下如何阻止事件冒泡。

　　代碼實例如下:

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

　　代碼注釋:

　　1.if(window.event)這個用來兼容IE8和IE8一下瀏覽器。

　　2. evt.stopPropagation()這個是標準瀏覽器。

　　以上代碼中，一個單元格阻止了事件冒泡，一個沒有阻止事件冒泡，希望對大家的學習有所幫助。

【如何理解jquery事件冒泡】相關文章：

閱讀理解的答題技巧02-03

英語閱讀理解題09-22

標本采集錯誤不良事件分析02-06

英語閱讀理解帶翻譯03-21

高三英語閱讀理解06-08

初三英語閱讀理解06-14

怎樣理解網球運動12-13

中考英語閱讀理解及解析03-25

對項目管理的理解和認識04-10

對企業文化的理解與認識11-29