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()メソッドを使用して、まだ作成されていない要素のイベントハンドラーを追加する方法。
にデータを渡すカスタムの名前付きイベントハンドラーにデータを渡す方法。