jQuery イベント - delegate() メソッド

マウスクリック時に p 要素を隠すか表示する:

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

実際に試してみましょう

定義と用法

delegate() メソッドは、指定された要素(選択された要素の子要素に属する要素)に1つまたは複数のイベントハンドラを追加し、これらのイベントが発生した際に実行される関数を指定します。

delegate() メソッドを使ったイベントハンドラは、現在のまたは将来の要素(例えばスクリプトで作成された新しい要素)に適用されます。

语法

$(selector).delegate(childSelector,event,data,function)
パラメータ 説明
childSelector 必須。イベントハンドラを追加する1つまたは複数の子要素を指定します。
event

必須。要素に追加される1つまたは複数のイベントを指定します。

スペースで区切られた複数のイベント値です。有効なイベントでなければなりません。

data オプション。関数に渡される追加データを指定します。
function 必須。イベントが発生した際に実行される関数を指定します。

さらに多くの例

将来の要素にイベントハンドラを追加
delegate() メソッドを使ってまだ作成されていない要素にイベントハンドラを追加する方法について説明します。