jquery 3

jQuery 3 简介

jQuery 3 是 jQuery 库的主要版本更新，于 2016 年发布。它专注于现代化、性能优化和移除过时 API，同时保持向后兼容性。jQuery 3 分为两个分支：

• jQuery 3.x：支持现代浏览器（如 Chrome、Firefox、Edge 等）。
• jQuery Compat 3.x：为旧版浏览器（如 IE8-IE10）提供兼容支持。

主要新特性

• 支持 Promises/A+ 标准：$.Deferred 对象完全兼容 Promises/A+，可与原生 Promise 互换使用。
• 改进的动画性能：使用 requestAnimationFrame 替代 setTimeout，提升动画流畅度。
• 移除旧版 API：如 .load()、.unload()、.error() 等事件方法，改用 .on() 替代。
• SVG 类名操作：支持在 SVG 元素上使用 .addClass()、.removeClass() 等方法。
• 更严格的显示逻辑：:visible 和 :hidden 选择器现在严格依据布局计算（忽略 CSS opacity: 0）。

代码示例

使用 Promises

$.get("https://api.example.com/data")
  .then(function(data) {
    console.log("成功:", data);
  })
  .catch(function(error) {
    console.error("失败:", error);
  });

动画优化

$("#element").fadeIn(500); // 内部使用 requestAnimationFrame

事件绑定替代

// 旧版 (jQuery 1.8 之前)
$("#image").load(function() { ... });

// 新版 (jQuery 3+)
$("#image").on("load", function() { ... });

迁移指南

• 测试兼容性：使用 jQuery Migrate 插件检测废弃 API 的调用。
• 替换废弃方法：如将 .error() 改为 .on("error", handler)。
• 检查 IE 支持：若需支持 IE8-IE10，需使用 jQuery Compat 3.x 版本。

资源链接

• 官方升级指南
• GitHub 仓库
• jQuery Migrate 工具

注意：jQuery 3.x 不再支持 IE6-IE8，若需兼容旧版 IE，需使用 jQuery 1.x 或 Compat 3.x。