jQuery 4.0 迁移指南：破坏性变更、升级步骤与兼容性解决方案

jquery-4 by jezweb/claude-skills

232 周安装量

677 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/jezweb/claude-skills --skill jquery-4

开发 JavaScript 框架代码质量

🇨🇳中文介绍

jQuery 4.0 迁移指南

状态：生产就绪 最后更新：2026-01-25 依赖项：无 最新版本：jquery@4.0.0, jquery-migrate@4.0.2

快速开始（5分钟）

1. 添加 jQuery Migrate 插件进行安全测试

升级前，添加 migrate 插件以识别兼容性问题：

<!-- 开发环境：显示已弃用功能的控制台警告 -->
<script src="https://code.jquery.com/jquery-4.0.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-4.0.2.js"></script>

为什么这很重要：

当已弃用/移除的功能执行时记录具体警告
在代码中断前识别需要更新的部分
在过渡期间提供向后兼容的垫片

2. 通过 npm 安装（如果使用构建工具）

npm install jquery@4.0.0
# 或安装 migrate 插件用于测试
npm install jquery@4.0.0 jquery-migrate@4.0.2

3. 检查破坏性变更

运行您的应用程序并检查控制台中的 migrate 插件警告。每个警告都表示需要更新的代码。

破坏性变更参考

已移除的 jQuery 工具函数

这些函数已被弃用，现已被移除。请使用原生 JavaScript 等效方法：

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

已移除的原型方法

从 jQuery 对象中移除了三个内部数组方法：

// 旧方法 - 在 jQuery 4.0 中不再有效
$elems.push(elem);
$elems.sort(compareFn);
$elems.splice(index, count);

// 新方法 - 使用 call/apply 调用数组方法
[].push.call($elems, elem);
[].sort.call($elems, compareFn);
[].splice.call($elems, index, count);

// 或先转换为数组
const arr = $.makeArray($elems);
arr.push(elem);

焦点/失焦事件顺序变更

jQuery 4.0 遵循 W3C 规范的焦点事件顺序：

// jQuery 3.x 顺序（非标准）：
// focusout → blur → focusin → focus

// jQuery 4.0 顺序（W3C 标准）：
// blur → focusout → focus → focusin

影响：如果您的代码依赖特定的事件顺序，请彻底测试。

// 示例：可能需要调整的代码
$input.on('blur focusout focus focusin', function(e) {
  console.log(e.type); // 4.0 中的顺序已改变
});

从精简版中移除的功能

精简版构建（jquery-4.0.0.slim.min.js）不再包含：

Deferreds 和 Callbacks（请改用原生 Promises）
AJAX 功能
动画效果

// 如果使用精简版，请用 Promises 替换 Deferreds
// 旧方法 - Deferred
const deferred = $.Deferred();
deferred.resolve(value);
deferred.promise();

// 新方法 - 原生 Promise
const promise = new Promise((resolve, reject) => {
  resolve(value);
});

移除了 toggleClass(boolean) 和 toggleClass(undefined) 签名：

// 旧方法 - 不再有效
$elem.toggleClass(true);   // 添加所有类
$elem.toggleClass(false);  // 移除所有类

// 新方法 - 明确指定
$elem.addClass('class1 class2');    // 添加类
$elem.removeClass('class1 class2'); // 移除类

// 或使用带类名的 toggleClass
$elem.toggleClass('active', true);  // 强制添加
$elem.toggleClass('active', false); // 强制移除

通过 AJAX 获取的脚本不再自动执行，除非指定了 dataType：

// 旧方法 - 脚本自动执行
$.get('script.js');

// 新方法 - 必须指定 dataType 才能自动执行
$.get({
  url: 'script.js',
  dataType: 'script'
});

// 或使用 $.getScript（仍然有效）
$.getScript('script.js');

已移除的 CSS 属性

已移除	说明
`$.cssNumber`	已移除 - 如果需要请本地定义
`$.cssProps`	不再需要 - 供应商前缀已过时
`$.fx.interval`	已移除 - requestAnimationFrame 处理此功能

WordPress 特定迁移

1. 检查 WordPress jQuery 版本

# 检查 WordPress 中的当前 jQuery 版本
wp eval "echo wp_scripts()->registered['jquery-core']->ver;"

2. WordPress jQuery 迁移路径

WordPress 主题/插件应该：

// 取消注册旧版 jQuery 并注册 4.0 版本（仅用于测试）
function upgrade_jquery_for_testing() {
  if (!is_admin()) {
    wp_deregister_script('jquery-core');
    wp_deregister_script('jquery');

    wp_register_script('jquery-core',
      'https://code.jquery.com/jquery-4.0.0.min.js',
      array(), '4.0.0', true);

    wp_register_script('jquery', false, array('jquery-core'), '4.0.0', true);

    // 添加 migrate 插件用于调试
    wp_enqueue_script('jquery-migrate',
      'https://code.jquery.com/jquery-migrate-4.0.2.min.js',
      array('jquery'), '4.0.2', true);
  }
}
add_action('wp_enqueue_scripts', 'upgrade_jquery_for_testing', 1);

3. 常见的 WordPress 插件问题

许多 WordPress 插件使用已移除的 jQuery 方法：

// 旧插件中的常见模式 - 在 4.0 中已失效
if ($.isArray(data)) { ... }
var json = $.parseJSON(response);
var cleaned = $.trim(userInput);

// 修复：更新为原生方法
if (Array.isArray(data)) { ... }
var json = JSON.parse(response);
var cleaned = userInput.trim();

模式 1：类型检查迁移

// 旧版 jQuery 类型检查
if ($.type(value) === 'array') { ... }
if ($.type(value) === 'function') { ... }
if ($.type(value) === 'object') { ... }
if ($.type(value) === 'string') { ... }
if ($.type(value) === 'number') { ... }

// 新版原生类型检查
if (Array.isArray(value)) { ... }
if (typeof value === 'function') { ... }
if (value !== null && typeof value === 'object' && !Array.isArray(value)) { ... }
if (typeof value === 'string') { ... }
if (typeof value === 'number') { ... }

模式 2：工具函数垫片

如果您需要快速兼容性而不更改所有代码：

// 为已移除的方法提供垫片（临时迁移辅助）
if (typeof $.isArray === 'undefined') {
  $.isArray = Array.isArray;
}
if (typeof $.parseJSON === 'undefined') {
  $.parseJSON = JSON.parse;
}
if (typeof $.trim === 'undefined') {
  $.trim = function(str) {
    return str == null ? '' : String.prototype.trim.call(str);
  };
}
if (typeof $.now === 'undefined') {
  $.now = Date.now;
}
if (typeof $.isFunction === 'undefined') {
  $.isFunction = function(fn) {
    return typeof fn === 'function';
  };
}
if (typeof $.isNumeric === 'undefined') {
  $.isNumeric = function(val) {
    return !isNaN(parseFloat(val)) && isFinite(val);
  };
}

重要：这只是临时措施。请更新您的代码以使用原生方法。

模式 3：ES 模块导入

jQuery 4.0 支持 ES 模块：

// ES 模块导入（4.0 新增）
import $ from 'jquery';

// 或使用命名导出
import { $ } from 'jquery';

// 在 package.json 中，确保模块解析
{
  "type": "module"
}

模式 4：可信类型合规性

对于带有可信类型的 CSP：

// jQuery 4.0 在 DOM 操作中接受 TrustedHTML
import DOMPurify from 'dompurify';

// 创建可信 HTML
const clean = DOMPurify.sanitize(untrustedHTML, {RETURN_TRUSTED_TYPE: true});

// 与 jQuery 4.0 一起使用是安全的
$('#container').html(clean);

在生产环境升级前添加 jquery-migrate 插件
彻底测试焦点/失焦事件处理程序
用原生等效方法替换已移除的工具函数
为 AJAX 脚本加载指定 dataType: 'script'
现代项目尽可能使用 ES 模块导入

未先用 migrate 插件测试就升级生产环境
假设 WordPress 插件与 jQuery 4.0 兼容
如果需要 AJAX 或 Deferreds 却使用精简版构建
依赖 $.type() - 使用原生类型检查
使用 toggleClass(boolean) 签名

此技能预防 8 个已记录的问题：

问题 #1：$.isArray 不是函数

错误：TypeError: $.isArray is not a function 来源：https://github.com/jquery/jquery/issues/5411 原因：方法在 jQuery 4.0 中已移除预防：改用 Array.isArray()

问题 #2：$.parseJSON 不是函数

错误：TypeError: $.parseJSON is not a function 来源：https://jquery.com/upgrade-guide/4.0/ 原因：自 3.0 起已弃用，4.0 中移除预防：改用 JSON.parse()

问题 #3：$.trim 不是函数

错误：TypeError: $.trim is not a function 来源：https://jquery.com/upgrade-guide/4.0/ 原因：原生 String.prototype.trim 随处可用预防：使用 str.trim() 或 String.prototype.trim.call(str)

问题 #4：焦点事件以错误顺序触发

错误：表单验证中出现意外行为来源：https://blog.jquery.com/2026/01/17/jquery-4-0-0/ 原因：jQuery 4.0 遵循 W3C 规范，而非旧版顺序预防：测试并更新依赖顺序的事件处理程序

问题 #5：精简版中 Deferreds 未定义

错误：TypeError: $.Deferred is not a function 来源：https://blog.jquery.com/2026/01/17/jquery-4-0-0/ 原因：4.0 中已从精简版移除预防：使用完整版或原生 Promises

问题 #6：AJAX 加载的脚本未执行

错误：脚本已加载但未执行来源：https://jquery.com/upgrade-guide/4.0/ 原因：未明确指定 dataType 时禁用自动执行预防：在 AJAX 选项中添加 dataType: 'script'

问题 #7：toggleClass 不工作

错误：toggleClass(true) 无效来源：https://jquery.com/upgrade-guide/4.0/ 原因：布尔签名已移除预防：使用 addClass/removeClass 或带类名的 toggleClass

问题 #8：WordPress 插件冲突

错误：各种 "is not a function" 错误来源：WordPress 生态系统中常见原因：插件使用已移除的 jQuery 方法预防：升级前使用 jquery-migrate 审计插件

jQuery 4.0 支持的浏览器

Chrome（最近 3 个版本）
Firefox（最近 2 个版本 + ESR）
Safari（最近 3 个版本）
Edge（基于 Chromium）
iOS Safari（最近 3 个版本）
Android Chrome（最近 3 个版本）

IE 10 及更旧版本（IE 11 支持到 jQuery 5.0）
Edge Legacy（EdgeHTML）
非常旧的移动浏览器

精简版与完整版对比

功能	完整版	精简版
大小（gzip 压缩）	~27.5k	~19.5k
DOM 操作	是	是
事件	是	是
AJAX	是	否
效果/动画	是	否
Deferreds	是	否
Callbacks	是	否

使用精简版当：静态网站，无需 AJAX，使用原生 fetch/Promises

使用完整版当：WordPress，AJAX 密集型应用，需要 $.animate 或 Deferreds

在开发环境中添加 jquery-migrate@4.0.2
运行完整站点测试，检查控制台警告
将 $.isArray() 替换为 Array.isArray()
将 $.parseJSON() 替换为 JSON.parse()
将 $.trim() 替换为 str.trim()
将 $.now() 替换为 Date.now()
将 $.type() 替换为原生类型检查
将 $.isFunction() 替换为 typeof 检查
将 $.isNumeric() 替换为 isNaN/isFinite 检查
更新 toggleClass(boolean) 用法
为脚本 AJAX 调用添加 dataType
测试焦点/失焦事件顺序
审计 WordPress 插件（如适用）
修复所有问题后移除 jquery-migrate
在生产环境中升级到 jquery@4.0.0

包版本（已验证 2026-01-25）

{
  "dependencies": {
    "jquery": "^4.0.0"
  },
  "devDependencies": {
    "jquery-migrate": "^4.0.2"
  }
}

问题：升级 jQuery 后 WordPress 管理后台崩溃

解决方案：仅升级前端 jQuery。管理后台使用自己的版本。使用条件逻辑避免影响 wp-admin。

问题：第三方插件停止工作

解决方案：保持 jquery-migrate 加载直到插件更新。检查插件更新日志以获取 jQuery 4.0 兼容性更新。

问题：AJAX 请求有效但脚本不执行

解决方案：在 $.ajax 选项中添加 dataType: 'script' 或使用 $.getScript() 加载脚本。

问题：表单验证在错误时间触发

解决方案：检查 focus/blur/focusin/focusout 处理程序。jQuery 4.0 触发顺序：blur → focusout → focus → focusin（W3C 顺序）。

有问题？遇到问题？

检查控制台中的 jquery-migrate 警告
查看升级指南：https://jquery.com/upgrade-guide/4.0/
检查 jQuery GitHub 问题：https://github.com/jquery/jquery/issues

🇺🇸English

jQuery 4.0 Migration

Status : Production Ready Last Updated : 2026-01-25 Dependencies : None Latest Versions : jquery@4.0.0, jquery-migrate@4.0.2

Quick Start (5 Minutes)

1. Add jQuery Migrate Plugin for Safe Testing

Before upgrading, add the migrate plugin to identify compatibility issues:

<!-- Development: Shows console warnings for deprecated features -->
<script src="https://code.jquery.com/jquery-4.0.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-4.0.2.js"></script>

Why this matters:

Logs specific warnings when deprecated/removed features execute
Identifies code that needs updating before it breaks
Provides backward compatibility shims during transition

2. Install via npm (if using build tools)

npm install jquery@4.0.0
# Or with migrate plugin for testing
npm install jquery@4.0.0 jquery-migrate@4.0.2

3. Check for Breaking Changes

Run your application and check console for migrate plugin warnings. Each warning indicates code that needs updating.

Breaking Changes Reference

Removed jQuery Utility Functions

These functions were deprecated and are now removed. Use native JavaScript equivalents:

Removed	Native Replacement
`$.isArray(arr)`	`Array.isArray(arr)`
`$.parseJSON(str)`	`JSON.parse(str)`
`$.trim(str)`	`str.trim()` or `String.prototype.trim.call(str)`
`$.now()`

camelCase replacement:

// Native replacement for $.camelCase
function camelCase(str) {
  return str.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());
}

Removed Prototype Methods

Three internal array methods removed from jQuery objects:

// OLD - No longer works in jQuery 4.0
$elems.push(elem);
$elems.sort(compareFn);
$elems.splice(index, count);

// NEW - Use array methods with call/apply
[].push.call($elems, elem);
[].sort.call($elems, compareFn);
[].splice.call($elems, index, count);

// Or convert to array first
const arr = $.makeArray($elems);
arr.push(elem);

Focus/Blur Event Order Changed

jQuery 4.0 follows the W3C specification for focus event order:

// jQuery 3.x order (non-standard):
// focusout → blur → focusin → focus

// jQuery 4.0 order (W3C standard):
// blur → focusout → focus → focusin

Impact : If your code depends on specific event ordering, test thoroughly.

// Example: code that may need adjustment
$input.on('blur focusout focus focusin', function(e) {
  console.log(e.type); // Order changed in 4.0
});

Removed from Slim Build

The slim build (jquery-4.0.0.slim.min.js) no longer includes:

Deferreds and Callbacks (use native Promises instead)
AJAX functionality
Animation effects

// If using slim build, replace Deferreds with Promises // OLD - Deferred const deferred = $.Deferred(); deferred.resolve(value); deferred.promise();

// NEW - Native Promise const promise = new Promise((resolve, reject) => { resolve(value); });

toggleClass Changes

The toggleClass(boolean) and toggleClass(undefined) signatures are removed:

// OLD - No longer works
$elem.toggleClass(true);   // Added all classes
$elem.toggleClass(false);  // Removed all classes

// NEW - Be explicit
$elem.addClass('class1 class2');    // Add classes
$elem.removeClass('class1 class2'); // Remove classes

// Or use toggleClass with class names
$elem.toggleClass('active', true);  // Force add
$elem.toggleClass('active', false); // Force remove

AJAX Script Execution

Scripts fetched via AJAX no longer auto-execute unless dataType is specified:

// OLD - Scripts auto-executed
$.get('script.js');

// NEW - Must specify dataType for auto-execution
$.get({
  url: 'script.js',
  dataType: 'script'
});

// Or use $.getScript (still works)
$.getScript('script.js');

Removed CSS Properties

Removed	Notes
`$.cssNumber`	Removed - define locally if needed
`$.cssProps`	No longer needed - vendor prefixes obsolete
`$.fx.interval`	Removed - requestAnimationFrame handles this

WordPress-Specific Migration

1. Check WordPress jQuery Version

# Check current jQuery version in WordPress
wp eval "echo wp_scripts()->registered['jquery-core']->ver;"

2. WordPress jQuery Migration Path

WordPress themes/plugins should:

// Dequeue old jQuery and enqueue 4.0 (testing only)
function upgrade_jquery_for_testing() {
  if (!is_admin()) {
    wp_deregister_script('jquery-core');
    wp_deregister_script('jquery');

    wp_register_script('jquery-core',
      'https://code.jquery.com/jquery-4.0.0.min.js',
      array(), '4.0.0', true);

    wp_register_script('jquery', false, array('jquery-core'), '4.0.0', true);

    // Add migrate plugin for debugging
    wp_enqueue_script('jquery-migrate',
      'https://code.jquery.com/jquery-migrate-4.0.2.min.js',
      array('jquery'), '4.0.2', true);
  }
}
add_action('wp_enqueue_scripts', 'upgrade_jquery_for_testing', 1);

3. Common WordPress Plugin Issues

Many WordPress plugins use removed jQuery methods:

// Common pattern in older plugins - BROKEN in 4.0
if ($.isArray(data)) { ... }
var json = $.parseJSON(response);
var cleaned = $.trim(userInput);

// Fix: Update to native methods
if (Array.isArray(data)) { ... }
var json = JSON.parse(response);
var cleaned = userInput.trim();

Migration Patterns

Pattern 1: Type Checking Migration

// OLD jQuery type checking
if ($.type(value) === 'array') { ... }
if ($.type(value) === 'function') { ... }
if ($.type(value) === 'object') { ... }
if ($.type(value) === 'string') { ... }
if ($.type(value) === 'number') { ... }

// NEW Native type checking
if (Array.isArray(value)) { ... }
if (typeof value === 'function') { ... }
if (value !== null && typeof value === 'object' && !Array.isArray(value)) { ... }
if (typeof value === 'string') { ... }
if (typeof value === 'number') { ... }

Pattern 2: Utility Function Polyfills

If you need quick compatibility without changing all code:

// Polyfill removed methods (temporary migration aid)
if (typeof $.isArray === 'undefined') {
  $.isArray = Array.isArray;
}
if (typeof $.parseJSON === 'undefined') {
  $.parseJSON = JSON.parse;
}
if (typeof $.trim === 'undefined') {
  $.trim = function(str) {
    return str == null ? '' : String.prototype.trim.call(str);
  };
}
if (typeof $.now === 'undefined') {
  $.now = Date.now;
}
if (typeof $.isFunction === 'undefined') {
  $.isFunction = function(fn) {
    return typeof fn === 'function';
  };
}
if (typeof $.isNumeric === 'undefined') {
  $.isNumeric = function(val) {
    return !isNaN(parseFloat(val)) && isFinite(val);
  };
}

CRITICAL : This is a temporary measure. Update your code to use native methods.

Pattern 3: ES Modules Import

jQuery 4.0 supports ES modules:

// ES Module import (new in 4.0)
import $ from 'jquery';

// Or with named export
import { $ } from 'jquery';

// In package.json, ensure module resolution
{
  "type": "module"
}

Pattern 4: Trusted Types Compliance

For CSP with Trusted Types:

// jQuery 4.0 accepts TrustedHTML in DOM manipulation
import DOMPurify from 'dompurify';

// Create trusted HTML
const clean = DOMPurify.sanitize(untrustedHTML, {RETURN_TRUSTED_TYPE: true});

// Safe to use with jQuery 4.0
$('#container').html(clean);

Critical Rules

Always Do

Add jquery-migrate plugin BEFORE upgrading production
Test focus/blur event handlers thoroughly
Replace removed utility functions with native equivalents
Specify dataType: 'script' for AJAX script loading
Use ES module imports when possible for modern projects

Never Do

Upgrade production without testing with migrate plugin first
Assume WordPress plugins are jQuery 4.0 compatible
Use slim build if you need AJAX or Deferreds
Rely on $.type() - use native type checking
Use toggleClass(boolean) signature

Known Issues Prevention

This skill prevents 8 documented issues:

Issue #1: $.isArray is not a function

Error : TypeError: $.isArray is not a function Source : https://github.com/jquery/jquery/issues/5411 Why It Happens : Method removed in jQuery 4.0 Prevention : Use Array.isArray() instead

Issue #2: $.parseJSON is not a function

Error : TypeError: $.parseJSON is not a function Source : https://jquery.com/upgrade-guide/4.0/ Why It Happens : Deprecated since 3.0, removed in 4.0 Prevention : Use JSON.parse() instead

Issue #3: $.trim is not a function

Error : TypeError: $.trim is not a function Source : https://jquery.com/upgrade-guide/4.0/ Why It Happens : Native String.prototype.trim available everywhere Prevention : Use str.trim() or String.prototype.trim.call(str)

Issue #4: Focus events fire in wrong order

Error : Unexpected behavior in form validation Source : https://blog.jquery.com/2026/01/17/jquery-4-0-0/ Why It Happens : jQuery 4.0 follows W3C spec, not legacy order Prevention : Test and update event handlers that depend on order

Issue #5: Deferreds undefined in slim build

Error : TypeError: $.Deferred is not a function Source : https://blog.jquery.com/2026/01/17/jquery-4-0-0/ Why It Happens : Removed from slim build in 4.0 Prevention : Use full build or native Promises

Issue #6: Scripts not executing from AJAX

Error : Script loaded but not executed Source : https://jquery.com/upgrade-guide/4.0/ Why It Happens : Auto-execution disabled without explicit dataType Prevention : Add dataType: 'script' to AJAX options

Issue #7: toggleClass not working

Error : toggleClass(true) has no effect Source : https://jquery.com/upgrade-guide/4.0/ Why It Happens : Boolean signature removed Prevention : Use addClass/removeClass or toggleClass with class names

Issue #8: WordPress plugin conflicts

Error : Various "is not a function" errors Source : Common in WordPress ecosystem Why It Happens : Plugins using removed jQuery methods Prevention : Audit plugins with jquery-migrate before upgrading

Browser Support

Supported in jQuery 4.0

Chrome (last 3 versions)
Firefox (last 2 versions + ESR)
Safari (last 3 versions)
Edge (Chromium-based)
iOS Safari (last 3 versions)
Android Chrome (last 3 versions)

Dropped Support

IE 10 and older (IE 11 supported until jQuery 5.0)
Edge Legacy (EdgeHTML)
Very old mobile browsers

Slim vs Full Build Comparison

Feature	Full Build	Slim Build
Size (gzipped)	~27.5k	~19.5k
DOM Manipulation	Yes	Yes
Events	Yes	Yes
AJAX	Yes	No
Effects/Animation	Yes	No
Deferreds	Yes	No
Callbacks	Yes	No

Use slim build when : Static sites, no AJAX needs, using native fetch/Promises

Use full build when : WordPress, AJAX-heavy apps, need $.animate or Deferreds

Migration Checklist

Add jquery-migrate@4.0.2 to development
Run full site test, check console for warnings
Replace $.isArray() with Array.isArray()
Replace $.parseJSON() with JSON.parse()
Replace $.trim() with str.trim()
Replace $.now() with Date.now()
Replace $.type() with native type checking
Replace $.isFunction() with typeof check
Replace $.isNumeric() with isNaN/isFinite check
Update toggleClass(boolean) usage
Add dataType to script AJAX calls
Test focus/blur event order
Audit WordPress plugins if applicable
Remove jquery-migrate after fixing all issues
Upgrade to jquery@4.0.0 in production

Official Documentation

jQuery 4.0.0 Release : https://blog.jquery.com/2026/01/17/jquery-4-0-0/
Upgrade Guide : https://jquery.com/upgrade-guide/4.0/
jQuery Migrate Plugin : https://github.com/jquery/jquery-migrate
API Documentation : https://api.jquery.com/
npm Package : https://www.npmjs.com/package/jquery

Package Versions (Verified 2026-01-25)

{
  "dependencies": {
    "jquery": "^4.0.0"
  },
  "devDependencies": {
    "jquery-migrate": "^4.0.2"
  }
}

Troubleshooting

Problem: WordPress admin breaks after jQuery upgrade

Solution : Only upgrade frontend jQuery. Admin uses its own version. Use conditional logic to avoid affecting wp-admin.

Problem: Third-party plugins stop working

Solution : Keep jquery-migrate loaded until plugins are updated. Check plugin changelogs for jQuery 4.0 compatibility updates.

Problem: AJAX requests work but scripts don't execute

Solution : Add dataType: 'script' to $.ajax options or use $.getScript() for script loading.

Problem: Form validation fires at wrong times

Solution : Review focus/blur/focusin/focusout handlers. jQuery 4.0 fires: blur → focusout → focus → focusin (W3C order).

Questions? Issues?

Check console for jquery-migrate warnings
Review upgrade guide: https://jquery.com/upgrade-guide/4.0/
Check jQuery GitHub issues: https://github.com/jquery/jquery/issues

Weekly Installs

232

Repository

jezweb/claude-skills

GitHub Stars

656

First Seen

Jan 27, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

claude-code190

opencode154

gemini-cli153

cursor142

codex138

antigravity129

React 组合模式指南：Vercel 组件架构最佳实践，提升代码可维护性

109,600 周安装

已移除	原生替代方案
`$.isArray(arr)`	`Array.isArray(arr)`
`$.parseJSON(str)`	`JSON.parse(str)`
`$.trim(str)`	`str.trim()` 或 `String.prototype.trim.call(str)`
`$.now()`	`Date.now()`
`$.type(obj)`	`typeof obj` + `Array.isArray()` + `instanceof`
`$.isNumeric(val)`	`!isNaN(parseFloat(val)) && isFinite(val)`
`$.isFunction(fn)`	`typeof fn === 'function'`
`$.isWindow(obj)`	`obj != null && obj === obj.window`
`$.camelCase(str)`	自定义函数（见下文）
`$.nodeName(el, name)`	`el.nodeName.toLowerCase() === name.toLowerCase()`