jqueryを導入し、$が定義されていないことを解決する。

1. オンラインのjQueryを参照する

Google、Microsoft、Baiduはすべて、オンラインでjQueryのリファレンスを提供しています。例えば

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

2. ネイティブのjQueryを参照する。

まず、jQuery.js ファイルまたは jQuery.min.js ファイル（これは圧縮版です）をダウンロードし、プロジェクトに配置します。

jQueryファイルが現在のjsファイルやhtmlファイルと同じディレクトリにある場合は、jQueryのファイル名を直接書き込むことができます。例えば

<script src="jquery-3.2.1.min.js"></script>

jQueryファイルが現在のjsファイルやhtmlファイルと同じディレクトリにない場合は、.NETで持ってくることができます。jQueryを導入する前に、まず前のディレクトリに戻る e.g.

<script src=". /jquery-3.2.1.min.js"></script>./jquery-3.2.1.min.js"></script>

また、Intellij IdeaやWebStromなどを使用している場合は、jQueryファイルを現在のコードに直接ドラッグ＆ドロップすると、関連するパスが自動的に生成されます。