on( events, fn )

jQuery API の on( events, fn ) は、マッチした要素のイベント「events」時に、イベントハンドラ「fn」をバインドするメソッド。

記述方法

「セレクター」の要素の「イベント」に、「イベンドハンドラ」をバインド。

「イベント」は、半角スペース区切りで複数指定できる。

引数

events / イベント

イベンドハンドラをバインドしたいイベントを指定する。

例えば、クリックイベントであれば「click」、マウスオーバーイベントであれば「mouseover」を指定。

半角スペースで区切ることで、複数のイベントを指定できる。

fn / イベンドハンドラ

イベンドにバインドしたいイベンドハンドラを指定する。

実装例（サンプル）

1. このリストに追加

実装例（サンプル）の動作について

「項目追加」ボタンのクリックイベント、マウスオーバーイベント、マウスアウトイベントが発生すると、ボタンの下のリストに項目を追加する。

実装例（サンプル）のソースコード

JavaScript

HTML