jQuery——事件委托

1、事件委托(委派/代理):

  • 将多个子元素的事件监听委托给父辈元素处理
  • 监听回调是加在了父辈元素上
  • 当操作任何一个子元素 时,事件会冒泡到父辈元素
  • 父辈元素不会直接处理事件,而是根据 event.target 得到发生事件的子元素,通过这个子元素调用事件回调函数

2、事件委托的两方:

  • 委托方:业主 li
  • 被委托方: 中介 ul

3、使用事件委托的好处

  • 添加新的子元素,自动有事件响应处理
  • 减少事件监听的数量: n==>1

4、jQuery的事件委托API

  • 设置事件委托: $(parentSelector).delegate(childrenSelector,eventName, callback)
  • 移除事件委托:$(parentSelector).undeleaate(eventName)

本文分享到此结束,欢迎大家评论区相互讨论学习,下一篇继续分享jQuery中平滑翻页的学习。

相关推荐
BY—-组态6 分钟前
web组态软件
前端·物联网·工业互联网·web组态·组态
一条晒干的咸魚8 分钟前
【Web前端】实现基于 Promise 的 API:alarm API
开发语言·前端·javascript·api·promise
就爱六点起25 分钟前
C/C++ 中的类型转换方式
c语言·开发语言·c++
我明天再来学Web渗透27 分钟前
【SQL50】day 2
开发语言·数据结构·leetcode·面试
猫猫的小茶馆29 分钟前
【C语言】指针常量和常量指针
linux·c语言·开发语言·嵌入式软件
WilliamLuo1 小时前
MP4结构初识-第一篇
前端·javascript·音视频开发
Beekeeper&&P...1 小时前
web钩子什么意思
前端·网络
DanielYQ1 小时前
LCR 001 两数相除
开发语言·python·算法
yngsqq1 小时前
037集——JoinEntities连接多段线polyline和圆弧arc(CAD—C#二次开发入门)
开发语言·c#·swift
Zԅ(¯ㅂ¯ԅ)1 小时前
C#桌面应用制作计算器进阶版01
开发语言·c#