on()メソッドonメソッドは、セレクタで指定した要素に1つ以上のイベントが呼ばれたときの処理を関連付けます.bind()、.live()、.delegate()といったイベントAPIをまとめた機能をもったメソッドですイベント名はclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemove、mouseenter、mouseleave、blur、focus、load、resize、scroll、unload、change、select、submit、keydown、keypress、keyup、errorで指定しますbind()の機能。要素をイベントすると処理を実行する$("セレクタ").on("イベント名",function(){処理});live()の機能。第二引数のセレクタを第一引数のイベントすると第3引数の処理を実行するdocument内のセレクタ全てに働きかけるので負荷が高い$(document).on("イベント名,"セレクタ",function(){処理});delegate()の機能。第二引数のセレクタを第一引数のイベントすると第3引数の処理を実行する対象セレクタを限定できるため負荷が軽い$("セレクタ").on("イベント名,"セレクタ",function(){処理});第3引数のデータをイベントハンドラに渡す$("セレクタ").on("イベント名,"セレクタ",データ,function(){処理});指定したHTML要素をクリックしたときにイベントを実行するセレクタで指定したHTML要素をクリックしたときに他のテキストが変更されます。id="hoge">テキスト</div>サンプルボタンテキスト要素を限定してイベントを実行するセレクタで指定したHTML要素の中のbutton要素に限定してイベントを実行しますdelegate()の機能です。