Jquery on()の使用法は何ですか

Jquery on() メソッドは、選択した要素と子要素に 1 つ以上のイベント ハンドラーを追加します。その使用構文は、「$(selector).on(event,childSelector,data,function )」です。

この記事の動作環境: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター

使用方法JQueryは()で?

on() メソッドは、選択した要素およびサブ要素に 1 つ以上のイベント ハンドラーを追加します。

jQuery バージョン 1.7 以降、on() メソッドは、bind()、live()、および delegate() メソッドに代わる新しいメソッドです。このメソッドは API に多くの利便性をもたらし、jQuery コード ベースを簡素化するため推奨されます。

注: on() メソッドを使用して追加されたイベント ハンドラーは、現在および将来の要素 (スクリプトによって作成された新しい要素など) に適用されます。

ヒント: イベント ハンドラーを削除する必要がある場合は、off() メソッドを使用します。

ヒント: 1 回だけ実行するイベントを追加して削除する必要がある場合は、one() メソッドを使用します。

構文

$(selector).on(event,childSelector,data,function)

パラメータ

event 必須。選択した要素から追加する 1 つ以上のイベントまたは名前空間を指定します。

複数のイベント値はスペースで区切るか、配列にすることができます。有効なイベントである必要があります。

childSelector オプション。イベント ハンドラーを指定した子要素にのみ追加できるように指定します (非推奨の delegate() メソッドなどのセレクター自体には追加できません)。

データ オプション。関数に渡す追加データを指定します。

関数 オプション。イベントの発生時に実行する関数を指定します。

例:

クリック イベント ハンドラーを e388a4556c0f65e1904146cc1a846bee 要素に追加します:

$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});

推奨学習:「jquery ビデオ チュートリアル 」

以上がJquery on()の使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。