[解決済み] '$(this)' と 'this' の違いは何ですか?
2022-03-18 11:09:06
質問
現在、このチュートリアルを進めているところです。 jQuery入門
以下の2つの例について。
$("#orderedlist").find("li").each(function (i) {
$(this).append(" BAM! " + i);
});
$("#reset").click(function () {
$("form").each(function () {
this.reset();
});
});
最初の例では
$(this)
の中にテキストを追加しています。
li
要素を使用します。2番目の例では
this
は、フォームをリセットするときに直接使用します。
$(this)
よりもよく使われるようです。
this
.
私の推測では、最初の例では
$()
は、それぞれの
li
要素を理解する jQuery オブジェクトに変換します。
append()
という関数がありますが、2番目の例では
reset()
は、フォーム上で直接呼び出すことができます。
基本的には
$()
は、jQuery専用の特殊な関数です。
これで良いのでしょうか?
解決方法は?
はい、必要なのは
$()
は、jQueryを使用している場合です。DOMを行うためにjQueryの助けが必要な場合は、このことを覚えておいてください。
$(this)[0] === this
基本的に、要素のセットを取得するたびに、jQueryはそれを jQueryオブジェクト . もし結果が1つしかないことが分かっていれば、それは最初の要素になります。
$("#myDiv")[0] === document.getElementById("myDiv");
などなど・・・。
関連
-
JavaScriptの関数この指摘の問題を説明
-
vueのグローバルがscss(mixin)を導入。
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] Bowerとnpmの違いは何ですか?
-
[解決済み] コールバック内で正しい `this` にアクセスする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
モジュールのビルドに失敗しました。Error: ENOENT: no such file or directory, scandir 'D:\.... \node_modules