ホームページ作成等でjQueryを使用されている方が多数いらっしゃると思います。
jQuery最新安定版のコードへ簡単にアクセス出来るよう、リンク・コードをまとめます。
’21.7.14 最新安定版がバージョンアップされていたため、コードを更新しました
目次
1.jQueryのCDN最新安定版アドレス
2.jQuery以外のCDN最新アドレス
3.jQuery実装方法
1.jQueryのCDN最新安定版アドレス
下記サイトにあります。
https://code.jquery.com/
2021年7月14日現在の最新安定版
Ver : 3.6.0
コード(minified)
(古いブラウザで表示するためには「jQuery 1.X」の使用が必要な場合があるようです)
<script src=”https://code.jquery.com/jquery-3.6.0.min.js” integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anonymous”></script>
jQueryによると、コード内にあるintegrityとcrossoriginはコード改竄検出のためで、記述することを推奨しているようです。
2.jQuery以外のCDN最新アドレス
下記サイトにリンクがあります。
https://jquery.com/download/#other-cdns
2021.7.14現在の最新版を貼っておきます。
・Google CDN
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js”></script>
・Microsoft CDN
<script src=”https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js”></script>
・CDNJS CDN
<script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js”></script>
・jsDelivr CDN
<script src=”https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js”></script>
3.jQuery実装方法
下記3項目を実施すればOKです。
3-1.上記いずれかのコードをhtmlのhead内に記述
<head>
//ここにコードを記述
</head>
3-2.htmlのbody内最後の行に下記コードを記述
(ページ表示速度をアップさせるため、bodyの最終行に記述する)
<body>
・
・
・
<script src=”script.js”></script>
</body>
3-3.script.jsファイルを作成し、htmlと同じ階層に保存
ファイルに下記コードを記述します。
$(function(){
//ここに処理内容を記述
});
以上で、jQueryを実装できます。
