从 jQuery 1.x 升级到 jQuery 2.x

Question

我正在尝试从 jQuery 1.x 升级到 jQuery 2.x。

我有 jQuery 1.8 和 jQueryUI 1.8，现在我想升级到 jQuery 2.x 并增强我的 web 应用程序。

所以我的问题是要更改和删除什么，例如 Ajax 和 events。

就像我所说的这些错误

Uncaught TypeError: Object [object Object] has no method 'live'

.on() 和 .ajax() 之类的函数有变化吗？ （我知道 .live 已被弃用）。

附：我必须添加使用 jQuery 2 的 Zurb Foundation 5。

Answer 1

1. 不要在位置属性中使用offset 选项，例如代码$element.position({my: 'center center', at: 'center center', offset: '5 -10'}) 应替换为$element.position({my: 'center center', at: 'center+5 center-10'})。
2. 不要使用$element.bind()、$element.live()、$element.delegate()分配事件处理程序，使用$element.on()。
3. 不要对 $.browser 使用浏览器嗅探，而是尝试使用特征检测 ($.support)。
4. 不要使用deferred.isRejected()、deferred.isResolved()，而是使用deferred.state()。不要使用deferred.pipe()，应该使用deferred.then() 方法。
5. 不要使用$elements.size() 方法，而是使用$elements.length 属性。 .size() 方法在功能上等同于.length 属性；但是，.length 属性是首选，因为它没有函数调用的开销。
6. .trigger()ed“点击”事件中的复选框/收音机状态现在与用户启动的操作中的状态相同。
7. 更改了 .data() 键的命名约定，例如，ui-dialog 而不是 dialog。 (http://jqueryui.com/upgrade-guide/1.9/#changed-naming-convention-for-data-keys)。
8. 不要使用$.ui.contains()，而是使用$.contains()。
9. 每个小部件实例已经具有唯一标识符this.uuid 和事件命名空间this.eventNamespace = "." + this.widgetName + this.uuid。不要手动生成类似的东西。
10. 不要使用$element.focus(n) - 它已被弃用。使用setTimeout(function() { $element.focus(); }, n);。
11. 不要使用$element.zIndex() - 它已被弃用。
12. 不要使用$.ui.keyCode.NUMPAD_* 常量 - 它们已被删除。
13. 不要使用$element.data('someWidget') 来检索小部件实例。使用instance() 方法：$element.someWidget('instance')。与其他插件方法不同，instance() 方法可以安全地调用任何元素。如果元素不是给定小部件的实例，则该方法返回 undefined: $('<div></div>').dialog('instance') /* returns undefined instead of throwing Error */。

原始升级指南和完整更改列表：

• jQuery Core 1.9 Upgrade Guide
• jQuery UI 1.9 Upgrade Guide
• jQuery UI 1.10 Upgrade Guide
• jQuery UI 1.11 Upgrade Guide
• jQuery UI 1.12 Upgrade Guide

Answer 2

如果您正在考虑从 jQuery 1.x 升级到 jQuery 2.x，应该考虑这一点并采取以下步骤:)：

1.不再支持 IE6/7/8

我仍然认为放弃 IE8 有点为时过早，但团队 不能再等了。 jQuery 2.0 删除了所有遗留的 IE 代码 用于节点选择、DOM 操作、事件处理和 Ajax。

2.自定义构建功能在 2.0 版中得到了改进

因此您可以排除 12 个未使用的模块中的任何一个，并将 jQuery 缩小到 10Kb 以下。可以省略的模块有：List of Functions

我应该升级吗？

重要的是要了解 jQuery 2.0 与 jQuery 1.9 具有相同的 API。修复了少量错误，但没有新功能。

但是，如果您是那些放弃对 IE6/7/8 支持的幸运开发人员之一，抓住 jQuery 2.0，不要回头。

Answer 3

在 jQuery 1.9 中，删除了以前版本的 jquery 中可用的几个方法。

如果您使用这些方法，那么是的，您会遇到问题。

否则，不，您不会遇到问题。

使用您提到的 jQuery 迁移插件将解决您在从 1.8 升级到 1.9+（包括 2.x）时可能遇到的所有问题，它还会通知您正在使用的任何方法当您查看控制台时已删除。迁移插件是将 jquery 从 1.6x-1.8x 升级到 1.9+/2.0+ 的最佳方式。包含 jquery 2.x，然后包含 migrate 插件，然后打开控制台并替换旧方法，直到 migrate 插件停止发出警告。此时您应该能够安全地删除迁移插件。