# 事件委托

URL: https://caijiao.org/jquery/04-events/03-delegation
Source: docs/jquery/04-events/03-delegation.md
Description: 介绍 jQuery 事件委托的概念和实现方法，通过委托父元素处理子元素事件，提升性能并支持动态元素事件绑定。

事件委托是利用事件冒泡机制，将事件绑定到父元素上，从而管理其子元素的事件，适合动态添加元素的场景。

## 事件委托优点

- 减少事件处理函数数量，提高性能
- 支持对未来动态添加的子元素绑定事件
- 简化代码结构，方便管理

## 事件委托实现方法

使用 `.on()` 方法的委托形式：

```js
// 给父元素绑定事件，第二个参数是子元素选择器
$("#parent").on("click", ".child", function () {
  alert("点击了子元素：" + $(this).text());
});
```

## 示例代码

[在线代码演示](/jquery/demos/13.html)