jQuery

【jQuery】CDN最新安定版アドレスと実装方法【簡単アクセス・コピペ可】

programming-coding-image

ホームページ作成等で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を実装できます。

ABOUT ME
zaisube
自動車部品メーカーで設計業務をしています。 この100年に一度と言われる大変革期を機に、会社にぶら下がっているだけではダメだと、スキルを付けるべくプログラミング、ブログを始めました。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です