article-thumbnail

jQueryを使用した際に「$ is not defined」のエラーが起きた時の対処方法

カテゴリ: jQuery

タグ: jQuery CDN,jQueryエラー

2020-10-14 20:52:14

【概要】

jQueryのソースを記述し、実行した際に下記のエラーが出力される事があります。

Uncaught ReferenceError: $ is not defined

結論はjQueryが読み込めていない事が原因です。

プロジェクトによってはjQueryをインストールし、そのファイルを読み込む事もあると思いますが、ここではCDNでjQueryを読み込む設定方法について記述します。


【詳細】

・jQuery CDNを読み込む設定を記述する

<head>
 <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
</head>

headタグ内でjQueryを読み込むscriptタグを追記します。

これによりjQueryのソースを実行する事ができます。


※ ここで記述しているjQueryのバージョンは2020/10/14時点で安定版の最新バージョンの3.5.1です。

特定のバージョンを使用したい方やjQueryの最新バージョンを使用したい方は下記のjQuery公式サイトを参考にして設定を変更して下さい。

公式:jQuery CDN - Latest Stable Versions