次に、jQuery を HTML ページに追加する 2 つの異なる方法を示します。
- jQuery ファイルをダウンロードしてインクルードする
- CDN による jQuery を含めます。
jQuery ファイルをダウンロードしてインクルードする
jQuery ファイルをダウンロードして jQuery を HTML ページに追加する場合は、以下の手順に従う必要があります。これらの手順を使用すると、誰でも簡単に jQuery を追加できます。
ステップ1： まず、次のjQuery公式サイトからjquery jsファイルをダウンロードする必要があります。 https://jquery.com/download/
ステップ2： ファイルをダウンロードしたら、jquery を追加する HTML ファイルを開く必要があります。
Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
ステップ 3: その後、title タグの直前の head タグの間にカーソルを置く必要があります。そして、それを使用する必要があります。 鬼ごっこ 、jQuery ファイルを追加するための src 属性を指定します。
Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
ステップ 4: 最後に、HTML ファイルを保存すると、jQuery ファイルが HTML ページに正常に追加されます。
CDN による jQuery を含める
CDN を利用して jQuery を HTML ページに追加したい場合は、以下に示す手順に従う必要があります。これらの手順を使用すると、誰でも簡単に jQuery を追加できます。
ステップ1： まず、CDN を使用して jQuery を追加する HTML ファイルを開く必要があります。
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
ステップ2： その後、title タグの直前の head タグの間にカーソルを置く必要があります。そして、追加する src 属性を指定するタグを使用する必要があります。
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">
ステップ 3: 次に、src 属性に次のパスを入力する必要があります。
http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js
ステップ 4: 最後に、HTML ファイルを保存すると、jQuery ファイルが HTML ページに正常に追加されます。
Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">