例
ときに<p>要素内<div>要素をクリックすると、すべての背景色変更<p>要素を:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
});
»それを自分で試してみてください 定義と使用法
delegate()メソッドは、選択した要素の子である指定された要素のための1つまたは複数のイベントハンドラをアタッチし、イベントが発生したときに実行する関数を指定します。
イベントハンドラは、使用して添付delegate()メソッドは、(スクリプトによって作成された新しい要素のような)現在および将来の要素の両方のために動作します。
jQueryのバージョン1.7のように、 on()メソッドは、選択した要素のイベントハンドラを取り付けるための好ましい方法です。
構文
$(selector).delegate(childSelector,event,data,function)
パラメーター | 説明 |
---|---|
childSelector | 必須。 にイベントハンドラをアタッチする1つ以上の子要素を指定します |
event | 必須。 要素に取り付けるための1つ以上のイベントを指定します。 複数のイベント値は、スペースで区切られます。 有効なイベントでなければなりません |
data | 任意。 関数に沿って渡すための追加データを指定します。 |
function | 必須。 イベントが発生したときに実行する関数を指定します |
それを自分で試してみてください - 例
将来の要素のためのイベントハンドラを追加します。
使い方delegate()はまだ作成されていない要素のイベントハンドラを追加する方法を。
関数にデータに沿って渡します
どのようにカスタムという名前のイベントハンドラにデータに沿って通過します。