【2026年版】jQuery最新は4.0.0／コピペで使えるスクリプトも紹介

うぇぶとまと

jQueryのライブラリ読み込ませるの忘れてた！ってスクリプト自体忘れたわ。いちいちググるのめんどくせーから記事で残しとこ、初心者の方にはきっと需要があるはず。

CDN経由で読み込ませるスクリプトを置いておきますのでご自由にご利用ください。また、バージョンを指定しているx.x.xの部分を変えることで他のバージョンへの切り替えも可能です。

※2026年1月17日にjQuery4系が正式にリリースされました（約10年ぶりのメジャーバージョンアップ）。

jQueryを読み込むスクリプト

jQuery 4.x

jQueryの最新メジャーバージョンです。これまでのjQueryを現代のブラウザ環境に合わせて見直したバージョンで、古い機能や非推奨だったAPIの整理、内部処理の改善などが行われています。2026年1月に正式版のjQuery 4.0.0がリリースされています。

ただし、古い書き方を使っている既存サイトでは、一部のコードがそのまま動かない可能性があります。新規制作では選択肢になりますが、既存サイトで導入する場合は、プラグインや古いコードとの互換性を確認してから使うのが安心です。

✅ コピペで使う用【CDN版】

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

jQuery４系で使えるバージョン

jQuery 3.x

jQuery 3.xは、長く使われてきた安定版のバージョンです。jQuery 3.0ではAPIの整理や不具合修正、Promise/A+対応、Strict Mode対応などが行われ、従来のjQueryをより現代的に改善したバージョンとして位置づけられます。

現在も多くの既存サイトやWordPressテーマ、jQueryプラグインで使われています。互換性を重視する場合や、既存サイトの保守では3.x系が選ばれることも多く、特に古いプラグインを使っている環境では4.xへ上げる前に動作確認が必要です。

✅ コピペで使う用【CDN版】

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

jQuery３系で使えるバージョン

jQuery 2.x

ぶっちゃけバージョン２系は使う機会少なめかと思います、たま～に２系じゃないと動作しないプラグインもあったりするのでその時に使うくらいかな、たぶん使う機会なし。

✅ コピペで使う用【CDN版】

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

jQuery２系で使えるバージョン

jQuery 1.x

一番古いバージョン１系は使う機会なんてないと思われがちですが、古いブラウザの場合こっちじゃないとjQueryが動作しない場合があります。

✅ コピペで使う用【CDN版】

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

jQuery１系で使えるバージョン

終わりに

プログラミング初心者のためにjQueryについて超簡単におさらいしておきます、jQueryを使うにはjQuery本体をDLして読み込む方法と、CDNを経由して使う方法の２つ存在します。

• jQuery本体をDLして読み込む方法
  jQueryの公式サイトにある「Download jQuery」からライブラリをダウンロードして適時パスを通して使用する形になります、本番サイトなど公開時にはこっちの方が好ましいです。
• CDNを経由する方法
  jQueryをダウンロードする必要はありません、headタグ内に専用のスクリプトタグをコピペするだけでjQueryが使えるようになります。スクリプトタグはこの後紹介しています。

ブラウザのコンソールからjQueryを打ち込んで動かしてみたい、でもこのサイトにはjQueryが入ってないから使えない。そんな時に使える裏技があります、裏技を使えばjQueryが使えないサイトでもjQueryを動かせるようになります。

✅ デベロッパーツールで下記を実行

document.body.appendChild((function(){
  var jq = document.createElement("script");
  jq.src = '//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
  return jq;
})());

これでjQueryを読み込ませることができます、詳しいことについては「デベロッパーツールでjQueryが使えない時はこれ【コピペOK】」で解説していますので参考にどうぞ。

今回は以上になります。