Latest web development tutorials

上のjQueryの()メソッド

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

<p>要素のクリックイベントハンドラに追加:

$("p").on("click",function(){
alert("The paragraph was clicked.");
});

»をお試しください

定義と使用法

選択した要素とサブ要素上に()メソッドは、1つ以上のイベントハンドラを追加します。

jQueryのは、()メソッドに以降のバージョン1.7から、()、新たな代替案が住んで()とデリゲート()メソッドをバインドされています。 多くの利便性をもたらすためのAPIメソッドは、我々はそれがjQueryのコードベースを簡素化し、このメソッドを使用することをお勧めします。

注:(このようなスクリプトによって作成された新しい要素として)現在および将来の要素のイベントハンドラを追加するために()メソッドを使用します。

ヒント:使用して、イベントハンドラを削除するにはオフ()メソッドを。

ヒント:一度だけ実行してから、削除イベントを追加するには、使用してください1()メソッドを。


文法

$(selector).on(event,childSelector,data,function,map)

参数 描述
event 必需。规定要从被选元素移除的一个或多个事件或命名空间。

由空格分隔多个事件值。必须是有效的事件。
childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data 可选。规定传递到函数的额外数据。
function 可选。规定当事件发生时运行的函数。
map 规定事件映射 ( {event:function, event:function, ...}) ,包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。


例

より多くの例

上へのバインド()から()
バインド(同じ効果)を達成するために()で使用する方法。

(上へ)(代理人からの変更
デリゲート(同じ効果)を達成するために()で使用する方法。

)(上へ)(ライブから
(同じ効果)を達成し、生きるために()で使用する方法。

複数のイベントハンドラを追加します
イベントハンドラに複数の要素を追加する方法。

複数のイベントハンドラを追加するマップのパラメータを使用します
選択した要素に複数のイベントハンドラを追加するマップのパラメータを使用する方法。

カスタムイベントを追加する要素で
どの要素にカスタム名前空間のイベントを追加します。

関数に渡されるデータ
どのように機能するためにデータを渡すことができます。

次の要素にイベントハンドラを追加します。
()メソッドでのデモも作成されていない要素にも適用可能です。

イベントハンドラを削除します
イベントハンドラを削除するには、オフ()メソッドを使用する方法。


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