jquery エラー「Uncaught ReferenceError: jQuery is not defined」が発生した場合の対処法

jquery エラー「Uncaught ReferenceError: jQuery is not defined」が発生した場合の対処法

jqueryで、エラー「Uncaught ReferenceError: jQuery is not defined」が発生した場合の対処法を記述してます。

環境

  • OS windows11 pro 64bit
  • jquery 3.6.0
  • Apache 2.4.43
  • ブラウザ chrome 101.0.4951.54

エラー全文

以下のコードで発生

<script>

jQuery(function() {

  console.log("Hello World!!");

});

</script>

<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>

エラー全文

Uncaught ReferenceError: jQuery is not defined

画像

firefox(100.0)の場合も同じエラーが発生します。

Uncaught ReferenceError: jQuery is not defined

画像

safari(15.0)の場合は以下のエラーとなります。

ReferenceError: Can't find variable: jQuery

原因

「Jquery」本体を読み込む前に、「Jquery」を使用するコードを記述しているため

対処法

「Jquery」を先に読み込んでおく

<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>

jQuery(function() {

  console.log("Hello World!!");

});

</script>