IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

jQueryの設定方法 - jQueryを使用するまでの手順 |【jQuery】

f:id:Surprisedblog:20190813214142p:plain

 

jQuery使用方法

読み込み

外部から読み込む方法(CDN)

  1. jQuery:<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  2. Google:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  3. Microsoft:<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>

「jQuery(公式)」「Google」「Microsoft」が公開しているjQueryファイルを読み込んでjQueryを使用します。

三つのいずれかをheadタグ内に記述してjQueryを使用することができます。

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

 

ダウンロード

ダウンロードをして設置する方法

 

jquery公式サイトでダウンロードして、ローカルに保存したjqueryファイルを設置して使用することができます。
jQuery公式サイト:https://jquery.com/

1.ダウンロード

image : https://jquery.com/

image : https://jquery.com/

 

2.設置 

headタグ内に記述

<head>
<script src="ダウンロードしたjqueryファイルのパスを記入"></script>
</head>

 

 

はてなブログでHTMLコードを記述する方法は、「【はてなブログカスタマイズの必須作業】~ 「PC・スマホ」で自サイトにHTMLコードを記述する方法 ~ | はてなブログ | スマホから記事上下などにHTMLを記述する方法 - IT the Best」をご覧ください。