jQuery——事件委托

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

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

2、事件委托的两方:

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

3、使用事件委托的好处

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

4、jQuery的事件委托API

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

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

相关推荐
烂蜻蜓33 分钟前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app
老猿讲编程35 分钟前
安全C语言编码规范概述
c语言·开发语言·安全
Rowrey2 小时前
react+typescript,初始化与项目配置
javascript·react.js·typescript
谢尔登2 小时前
Vue 和 React 的异同点
前端·vue.js·react.js
Biomamba生信基地4 小时前
两天入门R语言,周末开讲
开发语言·r语言·生信
RAN_PAND4 小时前
STL介绍1:vector、pair、string、queue、map
开发语言·c++·算法
Bio Coder4 小时前
R语言安装生物信息数据库包
开发语言·数据库·r语言
Tiger Z4 小时前
R 语言科研绘图第 27 期 --- 密度图-分组
开发语言·程序人生·r语言·贴图
祈澈菇凉6 小时前
Webpack的基本功能有哪些
前端·javascript·vue.js