jQueryのデリゲート()メソッド
例
あなたは、<p>要素の内側の<div>要素をクリックすると、すべての<p>要素の背景色を変更します。
$("div").delegate("p","click",function(){
$("p").css("background-color","pink");
});
$("p").css("background-color","pink");
});
»をお試しください
定義と使用法
(選択されたサブ要素に属する元素)指定された要素のためのデリゲート()メソッドは、1つ以上のイベントハンドラを追加し、これらのイベントが発生したときに実行する機能を提供します。
イベントハンドラデリゲート()メソッドは、(そのようなスクリプトによって作成された新しい要素として)現在または将来の要素に適用されます。
jQueryのは、以降のバージョン1.7から、 ON()メソッドは、好ましい方法は、選択した要素のイベントハンドラを追加することです。
文法
$(selector).delegate(childSelector,event,data,function)
参数 | 描述 |
---|---|
childSelector | 必需。规定要添加事件处理程序的一个或多个子元素。 |
event | 必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。 |
data | 可选。规定传递到函数的额外数据。 |
function | 必需。规定当事件发生时运行的函数。 |
より多くの例
次の要素にイベントハンドラを追加します。
(デリゲートを使用する方法)要素にイベントハンドラを追加する方法が作成されていません。
関数に渡されるデータ
どのようにカスタムイベントハンドラパスデータに名前を付けます。