手順

1. CDNから読み込む

下記コードを<head>または<body>の末尾に記述する。

Google Hosted Librariesを使用する場合

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

jQuery公式のCDNを使用する場合

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

* 最新バージョンを確認する

jQuery CDN
https://releases.jquery.com/

2. jQueryが正しく読み込まれたか確認する

下記コードを1で読み込んだ部分より後に記載する。

<script>
  $(document).ready(function() {
    alert('jQueryが正しく読み込まれました!');
  });
</script>

読み込まれている場合、ページを開いたときにアラートが表示される。