jquery-事件委派

一、定义

事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。

二、版本

从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。

因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。

示例：

<ul id="list">
    <li>1111<li>
    <li>2222<li>
    <li>3333<li>
    <li>4444<li>
</ul>

这是一个ul，里面包含4个li，如果想要给li加上点击事件，弹出一些内容，我们一般这样写：

$('#list li').click(function(){
    alert('hello world!');
})
<- js ->

var li=document.getElementsByTagName('li');
for(var i=0;i<li.length;i++)
    alert(li[i].innerHTML);

<- live ->

$('#list li').live('click', '#list li', function() {
    alert('hello world!');
});

<- on ->

$(document).on('click', '#list li', function() {
    alert('hello world!')
});