jQuery bind() メソッド

❮ jQuery Event メソッド

<p> 要素にクリックイベントを接続する:

$("p").bind("click", function(){
    alert("The paragraph was clicked.");
});
Try it Yourself »

定義と用法

bind() メソッドは、選択した要素に 1 つ以上のイベントハンドラを接続して、 イベントが発生したときに実行する関数を指定します。

jQuery バージョン1.7以降は、on() メソッドを使用することが推奨されています。


構文

$(selector).bind(event,data,function,map)

パラメータ 説明
event 必須。要素に接続する 1 つ以上のイベントを指定する

複数のイベントはカンマで区切る。妥当なイベントでなければならない
data 任意。関数を通して渡す追加のデータを指定する
function 必須。イベントが発生したときに実行する関数を指定する
map 要素に接続するための 1つ以上のイベントと、イベントが発生したときに実行する関数を 含んでいるイベントマップ({event:function, event:function, ...})を指定する

Try it Yourself - 例

複数イベントを接続
要素に複数イベントを接続する方法。

イベントマップの使用
選択した要素に複数のイベント/関数を接続するためのイベントマップの使用方法。

関数へのデータ渡し
カスタムな名前を持つイベントハンドラにデータを渡す方法。


❮ jQuery Event メソッド