jQuery delegate()メソッドの使い方とイベント委譲の基本

delegate()メソッドは、親要素にマッチするセレクターの子要素にイベントをバインドするために使用されます。その構文形式は以下のとおりです:

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

parentElementは、イベントをバインドする親要素であり、selectorは一致する子要素のセレクタであり、eventTypeはイベントの種類(クリック、マウスオーバーなど)であり、handlerはイベント処理関数です。

例えば、次のコードは、idがparentである親要素の下にあるclassがchildであるすべての子要素にclickイベントをバインドします。

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

注意:jQuery 3.0以降、delegate()メソッドは廃止され、代わりにon()メソッドを使用することが推奨されています。したがって、上記の例は次のように書き換えることもできます。

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