事件冒泡：
在一個對象上觸發(fā)某類事件（比如單擊onclick事件）附鸽，如果此對象定義了此事件的處理程序屯断，那么此事件就會調(diào)用這個處理程序文虏，如果沒有定義此事件處理程序或者事件返回true侣诺，那么這個事件會向這個對象的父級對象傳播，從里到外氧秘，直至它被處理（父級對象所有同類事件都將被激活）年鸳，或者它到達(dá)了對象層次的最頂層，即document對象（有些瀏覽器是window）丸相。
事件冒泡的作用：
事件冒泡允許多個操作被集中處理（把事件處理器添加到一個父級元素上搔确，避免把事件處理器添加到多個子級元素上），它還可以讓你在對象層的不同級別捕獲事件灭忠。
事件委托就是利用冒泡的原理膳算，把事件加到父級上，通過判斷事件來源的子集弛作，執(zhí)行相應(yīng)的操作涕蜂，事件委托首先可以極大減少事件綁定次數(shù)，提高性能映琳；其次可以讓新加入的子元素也可以擁有相同的操作机隙。
一般綁定事件的寫法
$(function(){
? ? $ali = $('#list li');
? ? $ali.click(function(event) {
? ? ? ? $(this).css({background:'red'});
? ? });
})
...
<ul id="list">
? ? <li>1</li>
? ? <li>2</li>
? ? <li>3</li>
? ? <li>4</li>
? ? <li>5</li>
</ul>
事件委托的寫法：
$(function(){
? ? $list = $('#list');
? ? $list.delegate('li', 'click', function(event) {
? ? ? ? $(this).css({background:'red'});
? ? });
})
...
<ul id="list">
? ? <li>1</li>
? ? <li>2</li>
? ? <li>3</li>
? ? <li>4</li>
? ? <li>5</li>
</ul>
