jQuery事件的委托说明

<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就跟人家对质说你看,我儿子被打成这样了)

 

posted @ 2020-10-18 19:44  小庄的blog  阅读(119)  评论(0编辑  收藏  举报