live( events )

jQuery API の live( events ) は、複数のイベントハンドラを、複数のイベントにバインドしたいときに便利なメソッドだ。bind( events ) と似ているが、現在ある要素だけでなく、将来生成する要素に対しても適用する点が異なる。

「jQuery Version 1.7」の時点で非推奨になった。
「jQuery Version 1.9」で廃止された。

記述方法

「セレクター」の、「イベントタイプ１」のイベントに、「イベントハンドラ１」をバインド。「セレクター」の、「イベントタイプ２」のイベントに、「イベントハンドラ２」をバインド。

実装例（サンプル）

1. リストアイテム

実装例（サンプル）の動作について

• 「live」のラジオボタンを選択して、リストアイテムをクリックすると、新しいリストアイテムを生成する。新しく生成したリストアイテムをクリックしても、新しいリストアイテムを生成する。リストアイテムにカーソルを合わせると、背景色を黄色に変える。リストアイテムからカーソルを外すと、背景色を白色に戻す。
• 「die」のラジオボタンを選択すると、リストアイテムをクリックしても、新しいリストアイテムを生成しない。
• 「bind」のラジオボタンを選択すると、現在あるリストアイテムをクリックすると、新しいリストアイテムを生成するが、新しく生成したリストアイテムをクリックしても、新しいリストアイテムを生成しない。

実装例（サンプル）のソースコード

JavaScript

CSS

HTML