.on() これは jQuery が提供するイベントバインドメソッドであり、指定された DOM 要素に1つまたは複数のイベント処理関数をバインドするために使用されます。
文法構造は以下の通りです：
$(selector).on(event, childSelector, data, handler);ここで、「event」は1つまたは複数のイベントタイプを表します（例：「」）。click"、"mouseoverなど；childSelector オプション：マッチング対象のサブ要素を指定します。任意の有効なセレクター可用于此項；data（オプション）：イベント処理関数に渡す追加データを指定します。handler これはコールバック関数であり、イベントが発生した際に実行されます。
呼び出しによって .on() この方法により、イベント処理プログラムを動的に追加できます。これにより、コードの柔軟性が高まり、必要に応じてイベント処理の方式を変更できるようになります。
