jQuery中的delegate()方法怎么使用

2024-03-19

delegate()方法用于在父元素上为匹配选择器的子元素绑定事件。它的语法格式如下:

$(parentElement).delegate(selector, eventType, handler);

其中,parentElement是要绑定事件的父元素,selector是要匹配的子元素的选择器,eventType是事件类型(如click、mouseover等),handler是事件处理函数。

例如,下面的代码将为id为parent的父元素下的所有class为child的子元素绑定click事件:

$('#parent').delegate('.child', 'click', function() {
  // 处理点击事件的逻辑
});

注意:jQuery 3.0之后,delegate()方法已被废弃,推荐使用on()方法来代替。所以上面的示例也可以改写为:

$('#parent').on('click', '.child', function() {
  // 处理点击事件的逻辑
});