La espera ha terminado. Después de años de desarrollo, jQuery 4 finalmente está aquí, trayendo consigo una modernización significativa de la biblioteca JavaScript más utilizada en la historia de la web.
Cambios principales
1. Eliminación de métodos deprecados
jQuery 4 elimina los métodos de conveniencia que fueron marcados como deprecados en versiones anteriores:
.click(),.dblclick().keypress(),.keydown(),.keyup().mouseenter(),.mouseleave(),.hover().focus(),.blur().submit(),.change()
Ahora debes usar .on() para todos los eventos:
2. Promesas nativas con async/await
Una de las mejoras más significativas es el soporte nativo de Promesas en los métodos AJAX, permitiendo usar async/await:
3. Uso de e.key en lugar de e.which
El evento e.which ha sido eliminado. Ahora debes usar e.key para detectar teclas:
Ejemplo práctico completo
Aquí hay un ejemplo que demuestra la sintaxis moderna de jQuery 4:
Tabla comparativa: jQuery 3.x vs jQuery 4
| Característica | jQuery 3.x | jQuery 4 |
|---|---|---|
| Métodos de evento | .click(), .keypress(), etc. | Solo .on() |
| AJAX | Callbacks, Deferred | Promesas nativas, async/await |
| Detección de teclas | e.which, e.keyCode | e.key |
| Soporte IE | IE 9+ | Sin soporte para IE |
| Tamaño | ~87 KB minificado | ~68 KB minificado |
🎬 ¿Quieres más contenido de desarrollo web? Suscríbete a nuestro canal de YouTube.
Conclusión
jQuery 4 representa un paso importante hacia la modernización, eliminando código legacy y adoptando estándares modernos de JavaScript. Si bien los cambios pueden requerir actualizaciones en tu código existente, los beneficios en términos de rendimiento y compatibilidad con JavaScript moderno hacen que la migración valga la pena.
Si te interesa aprender más sobre desarrollo web moderno, en FixterGeek tenemos cursos de React, TypeScript y herramientas de IA para desarrolladores.
Abrazo. bliss.
Recursos
Usando inView de Motion One para animar elementos que entran en pantalla
Checa este otro Post
