jQuery_jqueryのbind、live、delegate、oneメソッドの使用法と差異分析

bind() メソッドは、一致する各要素のイベントにハンドラーをアタッチし、jQuery オブジェクトを返すために使用されます。

.bind(eventType[, evnetData], Handler(eventObject))

このうち、eventType パラメーターは、click、submit、またはカスタム イベントの名前など、1 つ以上の JavaScript イベント タイプを含む文字列です。複数のイベント タイプを指定する場合は、各タイプをスペースで区切ります。 type はイベント ハンドラーに渡されるデータを Output に与え、handler はイベントがトリガーされたときに実行される関数を指定し、eventObject はイベント オブジェクトを表します。

.bind() メソッドは、一致する要素のセット内の各要素のeventType イベントにイベント ハンドラーをアタッチし、必要に応じてデータをイベント ハンドラーに渡します。

live() メソッドは、現在のセレクター (既存または将来の追加を含む) に一致するすべての要素の指定されたイベントにイベント ハンドラーをアタッチし、jQuery オブジェクトを返します。

.live(eventType,[eventData],handler)

このうち、eventType パラメーターは、クリック、キーダウン、またはカスタム イベントの名前などの 1 つ以上の JavaScript イベント タイプを含む文字列です。eventData は、Map タイプであり、渡されるように指定されるオプションのパラメーターです。イベント ハンドラーにデータを追加する場合、このパラメーターは jQuery 1.4 で追加されました。これらの関数はイベントがトリガーされたときに実行されます。

.live() メソッドは、一致する各要素のeventType イベントにイベント ハンドラーをアタッチします (現在存在する要素と将来の追加要素を含む)。必要に応じて、eventData を使用してデータをイベント ハンドラーに渡すこともできます。

.live() メソッドは、要素にイベント ハンドラーを付加する基本的な .bind() メソッドの変形であり、.bind() が呼び出されると、jQuery オブジェクトに一致する要素にイベント ハンドラーが付加されます。ただし、後で追加された要素にはイベント ハンドラーがアタッチされないため、これらの要素に対して .bind() メソッドを再度呼び出す必要があります。

.one() メソッドは、一致する要素の指定されたイベントにイベント ハンドラーをアタッチし、jQuery オブジェクトを返します。アタッチされたイベント ハンドラーは最大 1 回のみ実行できます。

.one(eventType,[eventData],handler(eventObject))

このうち、eventType パラメーターは、click、submit、またはカスタム イベントの名前など、1 つ以上の JavaScript イベント タイプを含む文字列です。複数のイベント タイプを指定する場合は、各タイプをスペースで区切ります。 type はイベント ハンドラーに渡されるデータを Output に与え、handler はイベントがトリガーされたときに実行される関数を指定し、eventObject はイベント オブジェクトを表します。

.one() メソッドは .bind() に似ていますが、.one() を使用してバインドされたイベント ハンドラーは一度実行されると自動的にアンバインドされる点が異なります。

.delegate() メソッドは、ルート要素の特定のセットに基づいて、セレクターに一致するすべての要素 (既存または将来) の 1 つ以上のイベントにハンドラーをアタッチします。

.delegate(selector,eventType[,eventData],handler)

このうち、パラメーター セレクターは、イベントをトリガーする要素をフィルターするために使用されるセレクターです。eventType は、クリック、キーダウン、カスタム イベント名など、1 つ以上の JavaScript イベント タイプを指定する文字列です (複数のイベントはスペースで区切られます)。 eventData はマッピング タイプで、イベント ハンドラーに渡されるデータを表し、イベントがトリガーされたときに実行される関数を表します。

.delegate() は .live() に似ており、各イベントのバインディングを指定された DOM 要素に委任できます。