jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
ssshooter1 小时前
Tauri 项目实践:客户端与 Web 端的授权登录实现方案
前端·后端·rust
兆子龙1 小时前
【React】19 深度解析:掌握新一代 React 特性
前端·架构
Moment2 小时前
MinIO已死,MinIO万岁
前端·后端·github
无双_Joney2 小时前
心路散文 - 转职遇到AI浪潮,AIGC时刻人的价值是什么?
前端·后端·架构
有意义2 小时前
深度拆解分割等和子集:一维DP数组与倒序遍历的本质
前端·算法·面试
小怪点点2 小时前
vue3使用
前端·vue.js
进击的尘埃2 小时前
Vitest 自定义 Reporter 与覆盖率卡口:在 Monorepo 里搞增量覆盖率检测
javascript
进击的尘埃2 小时前
E2E 测试里的网络层,到底该怎么 Mock?
javascript
Bigger3 小时前
CSS 这些年都经历了什么?一次看懂 CSS 的演化史
前端·css·前端工程化
DevUI团队3 小时前
🚀 【Angular】MateChat V20.2.2版本发布,新增8+组件,欢迎体验~
前端·javascript·人工智能