jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
Frag0ut几秒前
Chrome Canary 最新实验功能:AI Mode、按设备筛选历史记录与 Gemini 自动改密
前端·人工智能·chrome·dev·beta·canary·最新实验功能
“AI国潮设计-小江”9 分钟前
Python实战 | SDXL批量生成“潮汕英歌舞”国潮甜品IP,附核心Prompt与商用授权思路
开发语言·人工智能·python·prompt·aigc
anew___13 分钟前
《从零手写操作系统 (19):Ext2文件系统实战——从内存到磁盘的跨越》
java·服务器·前端·数据库·算法
H.莓飛20 分钟前
【数据结构】栈
linux·开发语言·数据结构·算法·centos
无糖可乐没有灵魂22 分钟前
用一篇文章来精通“进程/线程/协程/锁“多并发任务
开发语言·php
2601_9628857223 分钟前
如何用 Python 分析股票的日历效应?(星期效应与月份效应,附数据挖掘陷阱)
开发语言·python·数据挖掘
“AI国潮设计-小江”34 分钟前
Python实战 | SDXL批量生成“带炸英歌”国潮IP:从海报到门店落地(附核心Prompt与授权思路)
开发语言·人工智能·python·prompt·aigc
吴声子夜歌36 分钟前
Nginx应用与运维——Nginx Web服务应用实战(HTTPS安全服务器的搭建)
运维·前端·nginx
字节渡客36 分钟前
PHP项目复盘:foreach 引用残留造成的诡异数据错乱
开发语言·php