ボタンをクリックすると <p> 要素を隠すか表示する:
$("button").live("click", function(){
$("p").slideToggle();
});
Try it Yourself »
live() メソッドは、jQuery version 1.7 で 非推奨になり、version 1.9 で削除されました。 代わりに on() メソッドを使用します。
live() メソッドは、選択した要素に 1 つ以上のイベントハンドラを接続し、イベントが発生したときに実行する関数を指定します。
live() メソッドを使用したイベントハンドラの接続は、現在および将来の要素(スクリプトによって作成される新規要素)の両方の セレクタにマッチする要素で動作します。
チップ: イベントハンドラを削除するには、 die() メソッドを使用します。
$(selector).live(event,data,function)
パラメータ | 説明 |
---|---|
event | 必須。要素に接続する 1 つ以上のイベントを指定する. 複数のイベントはカンマで区切る。妥当なイベントでなければならない |
data | 任意。関数を通して渡す追加のデータを指定する |
function | 必須。イベントが発生したときに実行する関数を指定する |
将来の要素にイベントハンドラを追加する
まだ作成されていない要素へ live() メソッドを使用してイベントハンドラを追加する方法。