jQueryデリゲート()メソッド

❮jQueryイベントメソッド

<div>要素内の<p>要素をクリックすると、すべての<p>要素の背景色が変更されます。

$("div").delegate("p", "click", function(){
    $("p").css("background-color", "pink");
});

定義と使用法

デリゲート()メソッドはバージョン3.0で非推奨になりました。代わりにon()メソッドを使用し てください。

デリゲート()メソッドは、選択された要素の子である指定された要素に1つ以上のイベントハンドラーをアタッチし、イベントが発生したときに実行する関数を指定します。

デリゲート()メソッドを使用してアタッチされたイベントハンドラーは、現在の要素と将来の要素(スクリプトによって作成された新しい要素など)の両方で機能します。


構文

$(selector).delegate(childSelector,event,data,function)

Parameter Description
childSelector Required. Specifies one or more child elements to attach the event handler to
event Required. Specifies one or more events to attach to the elements.

Multiple event values are separated by space. Must be a valid event
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs

自分で試してみてください-例


するdelegate()メソッドを使用して、まだ作成されていない要素のイベントハンドラーを追加する方法。


にデータを渡すカスタムの名前付きイベントハンドラーにデータを渡す方法。


❮jQueryイベントメソッド