jQueryのdelegate()イベントの使い方

delegate() メソッドは、指定された要素 (選択された要素の子要素に属する) に 1 つ以上の イベント ハンドラー プログラムを追加し、これらのイベントが発生したときに実行される関数を指定します

デリゲートの定義と使用法

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

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

パラメータ	説明
childSelector	必須。イベント ハンドラーがアタッチされる 1 つ以上の子要素を指定します。
イベント	必須。要素に付加する 1 つ以上のイベントを指定します。 スペースで区切られた複数のイベント値。有効なイベントである必要があります。
データ	はオプションです。関数に渡す追加データを指定します。
機能	が必要です。イベントの発生時に実行する関数を指定します。

構文

$(selector).delegate(childSelector,event,data,function)

戻り値: jQuery delegate(selector,[type],[data],fn)

概要

指定された要素(選択された要素に属する子要素) 1 つ以上のイベント ハンドラーが追加され、これらのイベントの発生時に実行する関数を指定します。

パラメータ
selector,[type],fnString,String,Function V1.4.2
selector: イベントをトリガーする filter 要素に使用されるセレクター string。

type: 要素に関連付けられた 1 つ以上のイベント。スペースで区切られた複数のイベント値。有効なイベントである必要があります。

fn: イベントの発生時に実行される関数
selector,[type],[data],fnString,String,Object,Function V1.4.2
selector: イベントをトリガーする要素をフィルターするために使用されるセレクター文字列。

type: 要素に関連付けられた 1 つ以上のイベント。スペースで区切られた複数のイベント値。有効なイベントである必要があります。

data: 関数に渡される追加データ

fn: イベントの発生時に実行される関数

selector、eventsString、String V1.4.3
selector: イベントをトリガーする要素をフィルターするために使用されるセレクター文字列。

events: 文字列と、それらを実行するための 1 つ以上のイベント タイプの関数のデータ マップ。

例
説明:
マウスがクリックされたときに p 要素を非表示または表示する:

HTML コード:

<p style="background-color:red"> 
<p>这是一个段落。</p> 
<button>请点击这里</button> 
</p>

jQuery コード:

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

説明: このデリゲートのメソッドは、live( ) メソッドを使用して、毎回イベントが特定の DOM 要素にバインドされるようにします。
次の 2 つのコードは同等です:

$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); 
});$("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); 
});

以上がjQueryのdelegate()イベントの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。