jQueryのイベント

jQuery のイベント

jQuery には、オブジェクト イベントを処理する一連の関数があります。上記の基本知識を理解する必要はありますが、マルチキャスト イベントの委任を処理する関数を実装する必要はもうありません。よく言われるように、jQuery では毎日お茶を飲みます。以下は、jQuery で最もよく使用される binding() メソッドの例です。

$("#testDiv4").bind("click", showMsg);

要素に click イベントのイベント ハンドラー showMsg を追加します。 id は testDiv4.

jQuery イベント処理関数を使用する利点:

1. 追加されるのは、マルチキャスト イベント デリゲートです

つまり、クリック イベントに対して別のメソッドが追加されます。オブジェクトのクリック イベントの元のイベント処理関数。

$("#testDiv4").bind("click", function(event) { alert("one"); });
$("#testDiv4").bind("click", function(event) { alert("two"); });

testDiv4 オブジェクトをクリックすると、「1 つ」と「2 つ」が順番に要求されます。

2. マルチキャスト イベント デリゲートを追加する場合、イベント名を統一します。 IE ではイベント名の前に「on」がありますが、内部の jQuery がイベント名を統一するのに役立っているため、bind() 関数で IE と DOM を区別する必要はありません。すべてのオブジェクトの動作はスクリプトで制御できます。 HTML コード部分は「表示」ロジックのみに注意を払い、要素の動作を制御するためにスクリプトが使用されます。 , HTML タグは要素のコンテンツを制御するために使用され、CSS は要素のスタイルを制御するために使用されます。jQuery イベント ハンドラーを使用すると、HTML タグにイベントを直接追加することを回避できます。

基本的な jQuery イベント処理関数は次のとおりです。
学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>点我消失!</p> <p>点我也消失!</p> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜