Latest web development tutorials

jQueryのデリゲート()メソッド

jQueryのイベントメソッド jQueryのイベントメソッド

あなたは、<p>要素の内側の<div>要素をクリックすると、すべての<p>要素の背景色を変更します。

$("div").delegate("p","click",function(){
    $("p").css("background-color","pink");
});

»をお試しください

定義と使用法

(選択されたサブ要素に属する元素)指定された要素のためのデリゲート()メソッドは、1つ以上のイベントハンドラを追加し、これらのイベントが発生したときに実行する機能を提供します。

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

jQueryのは、以降のバージョン1.7から、 ON()メソッドは、好ましい方法は、選択した要素のイベントハンドラを追加することです。


文法

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

参数 描述
childSelector 必需。规定要添加事件处理程序的一个或多个子元素。
event 必需。规定添加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。


例

より多くの例

次の要素にイベントハンドラを追加します。
(デリゲートを使用する方法)要素にイベントハンドラを追加する方法が作成されていません。

関数に渡されるデータ
どのようにカスタムイベントハンドラパスデータに名前を付けます。


jQueryのイベントメソッド jQueryのイベントメソッド