jQuery 事件委托技术教程
事件委托是一种高效的事件绑定方法，通过将事件监听器绑定到一个父元素上，而不是直接绑定到多个子元素上，可以简化代码并提高性能。
什么是事件委托？
事件委托利用了事件冒泡的原理，将事件监听器绑定到父元素上，然后通过检查事件的目标元素（event.target）来决定是否执行特定的处理函数。
为什么使用事件委托？
- 节省内存：只需要在父元素上绑定一个事件监听器。
- 简化代码：不需要为每个子元素单独绑定事件。
- 动态内容处理：即使子元素是动态添加的，也能正确处理事件。
jQuery 中的事件委托
在 jQuery 中，可以使用 `.on()` 方法来实现事件委托。`.on()` 方法接受三个参数：选择器字符串、事件类型和事件处理函数。
语法示例：
$(parentSelector).on(event, childSelector, handlerFunction);
案例讲解
示例：动态添加按钮并处理点击事件
$(document).ready(function() {
var buttonCount = 0;
// 使用事件委托绑定点击事件
$(‘#buttonContainer’).on(‘click’, ‘button’, function() {
alert(‘按钮 ‘ + $(this).text() + ‘ 被点击了！’);
});
// 添加按钮的功能
$(‘#addButton’).click(function() {
buttonCount++;
var newButton = $(‘
在这个示例中，我们首先使用事件委托将点击事件绑定到 `#buttonContainer` 元素上，然后动态地向 `#buttonContainer` 添加按钮。无论按钮是何时添加的，点击事件都能被正确处理。
通过这种方式，我们避免了为每个新添加的按钮单独绑定事件，从而节省了内存并简化了代码。
