Actualizar de jQuery 1.x a jQuery 2.x

Estoy intentando actualizar de jQuery 1.x a jQuery 2.x.

Tengo jQuery 1.8 y jQueryUI 1.8 y ahora quiero actualizar a jQuery 2.x y mejorar mi aplicación web.

Entonces mi pregunta es qué cambiar y eliminar, como para Ajax y eventos.

Como estos errores de los que estoy hablando

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

¿Funciones como .on() y .ajax() cambiaron alguna? (Sé que .live estaba en desuso).

PD: tengo que agregar Zurb Foundation 5 que usa jQuery 2.

1. No utilice offset opción en propiedades de posición, por ejemplo, código $element.position({my: 'center center', at: 'center center', offset: '5 -10'}) debe ser reemplazado con $element.position({my: 'center center', at: 'center+5 center-10'}).
2. No utilice $element.bind(), $element.live(), $element.delegate() para asignar un controlador de eventos, use $element.on().
3. No utilice la exploración del navegador con $.browserintente usar la detección de funciones en su lugar ($.support).
4. No utilice deferred.isRejected(), deferred.isResolved()usar deferred.state() en cambio. No utilice deferred.pipe()la deferred.then() en su lugar se debe utilizar el método.
5. No use el $elements.size() método, utiliza el $elements.length propiedad en su lugar. los .size() método es funcionalmente equivalente al .length propiedad; sin embargo, el .length Se prefiere la propiedad porque no tiene la sobrecarga de una llamada de función.
6. Casilla de verificación/estado de radio en un .trigger()El evento ed “click” ahora tiene el mismo estado que en una acción iniciada por el usuario.
7. Se modificó la convención de nomenclatura para .data() llaves, por ejemplo, ui-dialog en vez de dialog. (http://jqueryui.com/upgrade-guide/1.9/#changed-naming-convention-for-data-keys).
8. No utilice $.ui.contains()usar $.contains() en cambio.
9. Cada instancia de widget ya tiene un identificador único this.uuid y espacio de nombres de eventos this.eventNamespace = "." + this.widgetName + this.uuid. No genere cosas similares manualmente.
10. No utilice $element.focus(n) – está en desuso. Usar setTimeout(function() { $element.focus(); }, n);.
11. No utilice $element.zIndex() – está en desuso.
12. No utilice $.ui.keyCode.NUMPAD_* constantes – se eliminan.
13. No utilice $element.data('someWidget') para recuperar la instancia del widget. Usar instance() método: $element.someWidget('instance'). A diferencia de otros métodos de complemento, el instance() El método es seguro para llamar a cualquier elemento. Si el elemento no es una instancia del widget dado, el método devuelve undefined: $('<div></div>').dialog('instance') /* returns undefined instead of throwing Error */.

Guías de actualización originales y lista completa de cambios:

• Guía de actualización de jQuery Core 1.9
• Guía de actualización de jQuery UI 1.9
• Guía de actualización de jQuery UI 1.10
• Guía de actualización de jQuery UI 1.11
• Guía de actualización de jQuery UI 1.12

Si está pensando en actualizar a jQuery 1.x a jQuery 2.x, debe considerar esto y seguir estos pasos :):

1.No más soporte para IE6/7/8

Sigo pensando que es un poco prematuro abandonar IE8, pero el equipo no pudo esperar más. jQuery 2.0 elimina todo el código de IE heredado para la selección de nodos, la manipulación de DOM, el manejo de eventos y Ajax.

2.La función de creación personalizada se ha perfeccionado en la versión 2.0

por lo que puede excluir cualquiera de los 12 módulos no utilizados y reducir jQuery por debajo de 10Kb. Los módulos que se pueden omitir son: Lista de funciones

¿Debería actualizar?

Es importante comprender que jQuery 2.0 tiene paridad de API con jQuery 1.9. Hay una pequeña cantidad de correcciones de errores, pero no hay nuevas funciones.

Sin embargo, si es uno de esos afortunados desarrolladores que ha dejado de admitir IE6/7/8, toma jQuery 2.0 y no mires atrás.

En jQuery 1.9, se eliminaron varios métodos que estaban disponibles en versiones anteriores de jquery.

Si está utilizando esos métodos, entonces sí, tendrá problemas.

De lo contrario, no, no tendrás problemas.

El uso del complemento de migración de jQuery que mencionó resolverá todos los problemas que podría tener con la actualización de 1.8 a 1.9+ (que incluye 2.x) y también le informará sobre los métodos que está utilizando que se han eliminado cuando miras la consola. El complemento de migración es la mejor manera de actualizar jquery de 1.6x-1.8x a 1.9+/2.0+. Incluya jquery 2.x, luego incluya el complemento de migración, luego abra su consola y reemplace los métodos antiguos hasta que el complemento de migración deje de dar sus advertencias. En ese momento, debería poder eliminar de forma segura el complemento de migración.