学会jQuery delegate，轻松实现跨级元素事件绑定

在网页开发中，有时候我们需要对DOM中的某个元素进行事件绑定，但这个元素可能在页面加载完成后才被插入到DOM树中。在这种情况下，如果我们直接使用传统的jQuery事件绑定方法（如
$(selector).on(event, handler)
），那么在元素被插入DOM之前绑定的事件将不会生效。为了解决这个问题，jQuery提供了一个非常强大的功能——
delegate()
，它允许我们在父元素上绑定事件，当子元素满足特定选择器时触发事件。
什么是jQuery delegate？
delegate()
方法是jQuery提供的一个高级事件绑定方法，它允许你在指定的父元素上绑定事件，当匹配选择器的元素出现在DOM中时，事件处理器就会被触发。这意味着你可以在页面加载后绑定事件，而不必担心子元素是否已经存在于DOM中。
使用delegate的方法
要使用
delegate()
方法，你需要三个参数：
selector
: 被绑定事件的元素的选择器。
event
: 要绑定的事件类型。
handler
: 事件触发时执行的函数。
以下是
delegate()
方法的语法：
$(selector).delegate(childSelector, event, handler);
其中，
childSelector
是子元素的选择器，用于确定哪个子元素触发事件。
例子
假设我们有一个列表，我们想在列表项被点击时显示一个消息框。列表项可能是在页面加载后动态添加的，因此我们不能使用传统的
on()
方法来绑定事件。

• Item 1
• Item 2

我们可以使用
delegate()
方法来绑定点击事件：
$(document).ready(function() {
$(“#myList”).delegate(“li”, “click”, function() {
alert(“You clicked on ” + $(this).text());
});
});
在这个例子中，无论何时向
#myList
中添加新的