阅读量:1
在jQuery中，delegate()函数用于将事件处理程序附加到动态添加的元素上。
delegate()函数的语法如下：
$(selector).delegate(selector, eventType, handler) 参数说明：
selector：字符串，用于指定要进行事件委派的元素的选择器。eventType：字符串，表示要委派的事件类型，如 “click”、“mouseover” 等。handler：函数，表示事件被触发时要执行的处理程序。
使用delegate()函数的好处是，它可以在元素动态添加到文档中时，仍然能够绑定事件处理程序。这对于处理一些需要在页面加载完成后才出现的元素非常有用。另外，它还可以减少事件处理程序的数量，提高性能。
例如，假设有以下HTML结构：
<div id="parent"> <p>点击这个段落来添加一个新的段落</p> <div id="child"> <p>这是一个已经存在的段落</p> </div> </div> 如果我们想要在点击父元素#parent时，动态添加一个新的段落元素并绑定事件处理程序，可以使用delegate()函数来实现：
$(document).ready(function() { $('#parent').delegate('p', 'click', function() { $('<p>这是一个动态添加的段落</p>').appendTo('#child'); }); }); 在上面的例子中，当点击#parent的子元素p时，会动态添加一个新的段落元素到#child中。
注意：自jQuery版本1.7起，推荐使用on()函数来代替delegate()函数。所以上述例子可以用on()函数来改写：
$(document).ready(function() { $('#parent').on('click', 'p', function() { $('<p>这是一个动态添加的段落</p>').appendTo('#child'); }); }); 