WordPress 5.6におけるjQueryのバージョンアップ内容と対策

最終更新日:

WordPress 5.6では最新版のjQuery 3.5.1が同梱されます。1.x系から3.x系へのメジャーアップグレードです。jQueryのバージョンアップ予定や違いを紹介します。

jQueryとは?

jQuery(ジェイクエリー)とは、オープンソースソフトウェア(OSS)として公開されているJavaScriptライブラリです。

より少ないコードで記述でき、ブラウザによる挙動の違いを吸収します。

jQueryのバージョンアップ予定

WordPressに同梱されているjQueryは、以下の段階を経てバージョンアップされる予定です。

WordPress 5.5

WordPress 5.5は2020年8月11日にリリースされました

jQuery Migrateが削除されたことで古いjQueryのコードを使用している機能が動作しない場合があります。

解決するにはEnablejQuery MigrateHelperをインストールして有効化します。

WordPress 5.5については以下の記事で紹介しています。

WordPress 5.6

WordPress 5.6は2020年12月8日にリリース予定です。

WordPress 5.6については以下の記事で紹介しています。

WordPress 5.7

jQuery Migrateの削除

WordPress 5.7については以下の記事で紹介しています。

jQuery 1.x系と3.x系の違い

サポートするブラウザ

3.x系

ブラウザバージョン
Chrome / Edge / Firefox / Safari最新版とそのひとつ前のバージョン
Opera最新版
Internet Explorer9以上
iOS版SafariiOS 7以上
Android4.0以上

1.x系

上記に加えてレガシーなブラウザをサポートしています。

ブラウザバージョン
Internet Explorer6~8
Opera12.1x
Safari5.1以上

もしIE8以下に対応するためにはjQuery 1.x系を使う必要があります。

jQuery Migrateとは?

jQuery Migrate(ジェイクエリー ミグレイト)は、jQueryのバージョンによる互換性の問題を解決する移行ライブラリです。

非推奨/削除になったコードを復元、または検出します。

jQuery 1.12.x系から3.x系に移行するには?

jQueryをアップグレードするには、次の手順を行います。

  1. jQuery 3.x系にアップグレードする
  2. jQuery Migrate 3.x系を利用して警告を修正する
  3. jQuery Migrateを削除する

WordPressでjQueryをテストする

WordPressをアップデートする前にjQueryをテストできるプラグインが用意されています。本番環境では使用しないでください。

Test jQueryUpdates

非推奨/削除になったコードを修正する

jQuery 3.5.1では下記のコードが非推奨/削除になっています。WordPressをアップデートする前に修正しておきましょう。

live()

jQuery 1.9で削除されました。live()の代わりにon()を使用します。

die()

jQuery 1.9で削除されました。die()の代わりにon()を使用します。

size()

jQuery 3.0で削除されました。size()の代わりにlengthを使用します。

error()

jQuery 3.0で削除されました。error()の代わりにon()を使用します。

load()/unload()

jQuery 3.0で削除されました。load()/unload()の代わりにon()もしくはtrigger()を使用します。

bind()

jQuery 3.0以降、非推奨になりました。bind()の代わりにon()を使用します。

unbind()

jQuery 3.0以降、非推奨になりました。unbind()の代わりにoff()を使用します。

よく見られている記事

  1. WordPress 5.6で何が新しくなったのか?新機能や変更点を紹介
  2. WordPressのサーバー要件とは?各バージョンの推奨環境
  3. WordPressをローカル環境にインストールする方法
  4. WordPress 5.5で何が新しくなったのか?新機能や変更点を紹介
  5. WordPress 5.6におけるjQueryのバージョンアップ内容と対策
  6. WordPress 5.5.3の更新内容は?1件のバグ修正
  7. WordPressで画像にwidthとheightを追加する方法
  8. WordPressで現在のユーザーが管理者かどうか判定する方法
  9. WordPressにログインできない?13の解決方法
  10. WordPressプラグイン「File Manager」の脆弱性と対応方法

新しい記事

go to top