<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
————————————————————————————————————————————————
说明:假如没有添加<li>第三个</li>之前给前两个都添加了点击事件,添加<li>第三个</li>后,如果没有用事件
的委派,新添加的<li>第三个</li>是没有点击事件的。如果用了,你新添加的元素也会有之前通过委派
添加的点击事件。
使用委派给li添加点击事件:
$("ul").delegate("li","click",function(){
console.log($(this).html());
})
原理:表面是给li添加了点击事件,但实质是在点li时,会通过事件冒泡触发ul,ul就能监听到是点击了谁,然后就设置this指向它。
(就像别人打了li,li就回去告诉老子ul,然后ul就跟人家对质说你看,我儿子被打成这样了)