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

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

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

環境

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

エラー全文

以下のコードで発生

<script>

$(function () {
  
  console.log("Hello World!!");

})

</script>

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

エラー全文

Uncaught ReferenceError: $ is not defined

画像

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

Uncaught ReferenceError: $ is not defined

画像

原因

「Jquery」本体のプログラムを読み込んでいる順番があとになっているため

対処法

先に読み込む

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

<script>

$(function () {
  
  console.log("Hello World!!");

})

</script>