jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
前端没钱17 分钟前
从 Vue 迈向 React:平滑过渡与关键注意点全解析
前端·vue.js·react.js
汪洪墩21 分钟前
【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换
开发语言·javascript·python·ecmascript·webgl·cesium
NoneCoder21 分钟前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影25 分钟前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
云空26 分钟前
《QT 5.14.1 搭建 opencv 环境全攻略》
开发语言·qt·opencv
Anna。。28 分钟前
Java入门2-idea 第五章:IO流(java.io包中)
java·开发语言·intellij-idea
我曾经是个程序员1 小时前
鸿蒙学习记录
开发语言·前端·javascript
爱上语文1 小时前
宠物管理系统:Dao层
java·开发语言·宠物
羊小猪~~1 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
摸鱼了1 小时前
🚀 从零开始搭建 Vue 3+Vite+TypeScript+Pinia+Vue Router+SCSS+StyleLint+CommitLint+...项目
前端·vue.js