什麼是jquery中的事件委派？

標籤：包含   pre   完全   jquery   code   今天   定義   nbsp   個數   

在jquery中有一個很重要的概念——事件委派，相信很多搞前端開發的人都聽說過，零度逍遙本來對此不是十分理解，但經過一個高人的指點後，才發現這個功能還是蠻強大的，今天就給大家分享一下。

事件委派的定義就是，把原來加給子項目身上的事件綁定在父元素身上，就是把事件委派給父元素。

說的有點抽象，按照慣例，還是舉個例子說明：

<ul class="list">    <li>11111<li>    <li>222222<li>    <li>3333<li>    <li>4444<li></ul>

這是一個ul，裡麵包含4個li，如果想要給li加上點擊事件，彈出一些內容，我們一般這樣寫：

$(‘.list li‘).click(function(){    alert(1111);})

這樣當我們點擊list裡面的任何一個li都可以彈出‘1111’，但這樣做有兩個弊端：

 

1.很耗費資源，因為這種方式是給每個li都加上了事件，li的個數少的話還沒事，如果li多的話會很耗費資源。

2.如果後期動態添加li，不會擁有這個彈出事件。

針對以上問題，可以用事件委派來解決，我們完全可以寫出這樣一段代碼：

$(".list").delegate("li", "click", function(){    alert(1111);});

這個就是jquery的事件委派，有的時候還是很能派上用場的，騷年們，玩起來吧！

什麼是jquery中的事件委派？