jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
xcLeigh5 分钟前
HTML5实现简洁的体育赛事网站源码
前端·html
渔舟唱晚@7 分钟前
Axios 取消请求的演进:CancelToken vs. AbortController
javascript
棉花糖超人8 分钟前
【从0-1的CSS】第1篇:CSS简介,选择器已经常用样式
前端·css
GISer_Jing13 分钟前
XHR / Fetch / Axios 请求的取消请求与请求重试
前端·javascript·网络
天涯学馆16 分钟前
微前端架构设计:从理论到实践的全面指南
前端·javascript·面试
Verin27 分钟前
Next.js+Wagmi+rainbowkit构建以太坊合约交互模版
前端·web3·以太坊
KenXu30 分钟前
🚀 Cursor 1.0 重磅发布!AI代码编辑器迎来革命性升级
前端
火兮明兮31 分钟前
Python训练第四十五天
开发语言·python
凌辰揽月32 分钟前
Web后端基础(Maven基础)
前端·pycharm·maven
梦想CAD控件36 分钟前
(VUE3集成CAD)在线CAD实现焊接符号自定义
前端·javascript·vue.js