jQuery事件的處理---

//div樹形結構 <di> <span> <a>123</a> </span>

</div>， 爲<div>添加了一個mouseout事件處理程序。當用戶的鼠 標指針退出這個<div>時，會按照預期運行mouseout處理程序。由於這個過程發生在頂層元素 上，因此其餘元素不會取得這個事件。可是，當指針從<a>元素上離開時，<a>元素也會取得一 個mouseout事件。而後，這個事件會向上冒泡到<span>和<div>，從而觸發上述的事件處理程 序。這種冒泡序列極可能不是咱們所但願的。 重點 限制問題的做用域 要解決這個問題，必須訪問事件對象。事件對象是一種DOM結構，它會在元素得到處理事 件的機會時傳遞給被調用的事件處理程序。

$(document).ready(function() { $('#switcher').click(function(event) { //event能夠本身取別名 if (event.target == this) { $('#switcher button').toggleClass('hidden'); } }); }); 此時的代碼確保了被單擊的元素是<div id="switcher">①，而不是其餘後代元素。如今， 單擊按鈕不會再摺疊樣式轉換器，而單擊轉換器背景區則會觸發摺疊操做。可是，單擊標籤 （<h3>）一樣什麼也不會發生，由於它也是一個後代元素