JavaScript でプログラミングしている間、jQuery は要素に即座にアクセスするのに大いに役立ちます。たとえば、jQuery セレクター「 $ 」は、「 ID 」、「 クラス 」などです。このセレクターは、対応する jQuery ライブラリーがコードに含まれている限り機能します。それ以外の場合は、未定義のエラーが表示されます。
このブログでは、「 実行時エラー: '$' は定義されていません 」を JavaScript で記述します。
JavaScript の「実行時エラー: ‘$’ は未定義です」とは何ですか?
「 $ 」は、要素へのアクセスに使用される jQuery セレクターです。 jQuery ライブラリが含まれていない場合、または適用された機能の後にライブラリが含まれている場合、上記のエラーが発生する可能性があります。
例 1: jQuery ライブラリを指定しない JavaScript で「実行時エラー: ‘$’ is undefined」が発生する
この例では、jQuery ライブラリを指定せずに対応する機能を実装することによって、記載されているエラーの発生について説明します。
< 分周 >
< ボタン オンクリック = 'myFunction()' > クリックしてください ボタン >
< p ID = 'デモ' > p >
分周 >
< 脚本 >
関数 私の機能 ( ) {
$ ( '#デモ' ) .innerHTML = 「これは Linuxhint の Web サイトです」 ;
}
脚本 >
上記のコード スニペットでは、次のようになります。
- 「」が付いたボタンを作成します オンクリック 」 関数 myFunction() にリダイレクトするイベント。
- 次のステップで、「 「属性を持つ要素」 ID 」。
- JS コードで、「」という名前の関数を定義します。 myFunction() 」。
- その定義では、含まれている「 ” 要素によるその “ ID ” jQueryセレクタ経由” $ 」。
- 最後に、「 インナーHTML ” プロパティを使用して、指定されたテキスト値を取得した要素に追加します。
- セレクター「 $ 」を jQuery ライブラリを含めずに表示すると、「 未定義エラー 」。
出力
ご覧のとおり、セレクター「 $ 」は、対応するライブラリがコードに含まれていないため、認識されません。
例 2: JavaScript で「実行時エラー: ‘$’ is undefined」が発生する
機能を適用した後の jQuery ライブラリの指定
この特定の例では、機能が実装された後に jQuery ライブラリを指定することによって、記載されたエラーの発生について説明します。
< h3 ID = 「マイパラ」 > これはlinuxhint Webサイトです h3 >< p ID = 'デモ' > p >
< 脚本 >
させて = $ ( 「マイパラ」 ) .innerHTML;
$ ( 'デモ' ) .innerHTML = a;
脚本 >
< 脚本 ソース = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > 脚本 >
上記のコード行では:
- 同様に、「」と記載された見出しと段落を含めます IDの '、 それぞれ。
- 同様に、コードの JavaScript 部分では、その「 ID 」経由で $ 」セレクター。
- また、「 インナーHTML ' 財産。
- 後は、インクルードされた段落で同じ手順を繰り返し、取得した見出しのテキスト コンテンツを割り当てます。
- 最後に、「 jQuery ライブラリ 」でその機能を適用します。
- ライブラリは、「 $ 」セレクター、未定義エラーもコンソールに記録されます。
出力
解決策として、jQuery スクリプトをアプリケーションに追加するだけです。
結論
「 実行時エラー: '$' は定義されていません JavaScript の '' は、jQuery ライブラリを指定しなくても、または適用された機能の後に指定することで発生する可能性があります。前者のアプローチでは、未定義のセレクター「 $ ライブラリが含まれていないため、明らかです。後者のアプローチでは、ソートされていないコードが原因で、対応するエラーが発生します。このブログでは、「 実行時エラー: '$' は定義されていません 」を JavaScript で記述します。