ホームページ > よくある問題 > これは、jquery でクリック イベントをバインドするときに何を指すのでしょうか?

これは、jquery でクリック イベントをバインドするときに何を指すのでしょうか?

尊渡假赌尊渡假赌尊渡假赌
リリース: 2023-05-30 10:39:07
オリジナル
1991 人が閲覧しました

jQuery バインディングのクリック イベントの This は、このイベントをトリガーする DOM オブジェクトを参照します。方法は次のとおりです: 1. HTML サンプル ファイルを作成し、head で jQuery ファイルを参照します。 2. ヘッダーに div タグを作成します。 body を作成し、ID を a に設定します; 3. スクリプト内でクリック イベントを作成し、それを div タグにバインドします; 4. div タグをクリックすると、コンソールに「this」が表示され、結果は「div」DOM になりますイベントをトリガーしたオブジェクト。

これは、jquery でクリック イベントをバインドするときに何を指すのでしょうか?

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jquery バインディングのクリック イベントの this は、このイベントをトリガーした DOM オブジェクトを参照します。

1. HTML サンプル ファイルを作成し、head で jQuery ファイルを参照します

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script src="../scripts/jquery.js" type="text/javascript"></script>
</head>
</html>
ログイン後にコピー

2. body に div タグを作成し、ID を a## に設定します
#

<body>
<div id="a">clickme</div>
</body>
ログイン後にコピー

3. スクリプト内にクリック イベントを作成し、div


$("#a").click(function(){
  console.log(this) 
});
ログイン後にコピー
4. div タグをクリックすると、コンソールに結果が DOM として出力されます。イベントをトリガーしたオブジェクト


屏幕截图 2023-05-30 102835.png

以上がこれは、jquery でクリック イベントをバインドするときに何を指すのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート