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() メソッドを使ってまだ作成されていない要素にイベントハンドラを追加する方法について説明します。