jquery-事件委托-delegate

代理的使用

如果希望某个成员绑定某个事件,例如li标签编定click事件

期望新进来的li也能得到这个事件

可以通过事件委托来实现

事件委托的格式

父级标签对象.delegate(str子级标签选择器,str事件,匿函)

具体的,希望子级标签做什么事情,就写在匿函中即可 

-----------备课笔记-----------------

事件委托

由于子级元素有可能是后面添加的

后来的得不到之前jquery绑定的事件

解决问题,

把这个事件的绑定工作,委托给父级元素, 后面的事件绑定,就主要依赖于父级节点对象来处理

jquery-事件委托-delegate_第1张图片

好处,提高性能

简化代码

让新加入的子标签获得事件

例子

结构

jquery-事件委托-delegate_第2张图片

样式

jquery-事件委托-delegate_第3张图片
jquery-事件委托-delegate_第4张图片

JQ

让每一个li绑定事件的写法

jquery-事件委托-delegate_第5张图片
结果,现有的li标签都有了点击的事件

代理的写法,事件委托。。。

格式

jquery-事件委托-delegate_第6张图片

jquery-事件委托-delegate_第7张图片

事件委托就是事件代理

jquery-事件委托-delegate_第8张图片

整理一下格式

添加内容

提前用一下新的

给UL标签,添加LI

jquery-事件委托-delegate_第9张图片

新增了的LI标签,试一试点击事件,按照非代理的方式看看

是否得到了点击事件

结果。。。。

解决办法

如果期望新加的LI有事件

需要单独的给他绑定

jquery-事件委托-delegate_第10张图片

总的看来比较麻烦

如果使用事件委托就不一样了

事件委托后,新增加的标签 也会获得对应绑定的事件

你可能感兴趣的:(jquery-事件委托-delegate)