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公式サイトを参考にして設定を変更して下さい。