jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
#麻辣小龙虾#13 小时前
vue3基于leaflet.js实现地图编辑功能
javascript·ecmascript·leaflet.js
goodluckyaa13 小时前
Warp shuffle函数
开发语言
j7~13 小时前
【C++】STL--Vector容器--拆析解剖Vector的实现以及Vector的底层详解(1)
开发语言·c++·vector·迭代器失效·迭代器的使用
奇奇怪怪的13 小时前
浏览器线程与进程深度剖析
前端
xxwl58513 小时前
Python语言初步认识(1)
开发语言·python·学习
YHL13 小时前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html
spmcor13 小时前
JavaScript 日期限制的“三个月陷阱”:从边界溢出到稳健实现
javascript
半个落月13 小时前
Ajax 异步编程全攻略:从 XHR 到 async/await
javascript
毛骗导演13 小时前
Tool Boundary:如何让大模型永远不知道也不会泄露用户敏感数据
前端·架构
零瓶水Herwt13 小时前
代替vue-currency-input使用原生货币符号
前端·vue.js