jQuery のイベントデリゲート「delegate()」メソッドの使い方

jQuery イベント delegate() メソッドを使用すると、指定されたセレクターに一致する要素、現在要素と将来のドキュメントに追加される要素にイベント処理関数を 1 つ以上バインドできます。

delegate() メソッドの構文は次のとおりです。

$(selector).delegate(childSelector, event, handler);

パラメータの説明は次のとおりです。

1. イベントバインド対象要素を指定するために利用します。
2. childSelector: 要マッチする要素の子要素セレクタを指定します。
3. event：クリックやマウスオーバーなど、バインドするイベントのタイプ。
4. ハンドラー：イベント発生時に実行される関数。

例えば、全ての 要素とその子孫要素にクリックイベント処理関数をバインドするには、次のようにコードを書く。

$("body").delegate("button", "click", function(){
  console.log("按钮被点击了");
});

それによって、ページのロードを完了した後、既存の 要素およびドキュメントに追加される 要素すべてにクリックイベントがトリガーされ、指定の関数が実行されます。