【備忘録】jQueryの読み込み方法

今さらですが、jQueryの読み込み方法があやふやだったので、備忘録として記録しておきます。

初心者の方でいろいろ調べたけど結局どうすればいいかわからないという方の参考になれば嬉しいです。

ステップ１

作業フォルダの中に「js」という名前のフォルダを作り、その中にscript.jsという名前のファイルを作っておく。
※作業フォルダとは、index.htmlとかcssフォルダが入っているフォルダのこと。
※script.jsは、これから実際にjQueryのコードを書いていくためのファイル。

ステップ２

index.htmlを開き、bodyの終了タグ（</body>）の直前に

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

の2行を入力する。

1行目はよく「jQueryのライブラリー本体を読み込むためのもの。」と説明されていますが、要は「これでjQueryが使えるようになる。」という理解でOK。

ちなみに、このURLをどこから引っ張ってきたかというと、jQueryの公式ページのダウンロードページにある、「Download the compressed, production jQuery 3.6.0」と書かれたリンクをクリックして出てくるページのURLをコピーしました。

2行目は、ステップ１で作っておいたscript.jsファイルを読み込む（使えるようにする）ための記述。

以上！

ネットで調べたらいろんなやり方が書かれていて混乱しがちなので、まずはこの方法でやってみて、慣れてきてもっと良い方法があると思うならばその時にそれを実践すればいいと思います。