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 タグにイベントを直接追加することを回避できます。
新しいファイル
<!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>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
