「jQuery」onメソッドの使い方

2022年5月4日

書式
.on( events [, selector ] [, data ], handler )
引数について説明
events
複数のイベントを設定します
selector
選択jQueryオブジェクトの子孫要素を設定することでイベントデリゲートできます。
data
イベントハンドラに渡したいデータをハッシュで指定します。
handler
eventsが起きたタイミングで実行されるイベントハンドラ。

使用例1
「userId」を選択してchangeイベントを実行します

$("#userId").on(
　　"change",
　　　function() {
　　　　　　　　　処理コード}).change();

使用例2
連想配列にしてイベントにことなる処理コードを実行します

$('.userid').on({
  'mouseenter': function(){処理コード1},
  'mouseleave': function(){処理コード2}
});

使用例3
半角スペース区切りで複数のイベントを設定します

$('.userid').on('click blur', 
　　　　　　　　function(){処理コード

　　　});