jQuery: biblioteca JavaScript popular para DOM, eventos y AJAX
Descubre jQuery: la biblioteca JavaScript más popular para manipular el DOM, gestionar eventos y crear potentes aplicaciones AJAX de forma sencilla y compatible con múltiples navegadores.
jQuery es una biblioteca de JavaScript creada para facilitar y simplificar la escritura de JavaScript y HTML. Funciona en la mayoría de los navegadores web y fue inventada por John Resig. El primer lanzamiento fue en enero de 2006 en el BarCamp NYC. Hoy en día hay un equipo de desarrolladores que mantiene jQuery, dirigido por Dave Methvin.
En la actualidad, más del 55% de los 10.000 sitios web más visitados utilizan jQuery, por lo que sigue siendo una de las bibliotecas de JavaScript más populares. Se trata de un software libre y de código abierto con licencia MIT, lo que facilita su adopción tanto en proyectos personales como comerciales.
¿Por qué usar jQuery?
La sintaxis de jQuery está diseñada para reducir la cantidad de código necesario y para abstraer diferencias entre navegadores. Algunas tareas que jQuery hace más sencillas incluyen:
- navegar (desplazarse) por una página web y manipular el árbol DOM
- seleccionar (elegir) elementos en una página web utilizando el Modelo de Objetos del Documento
- crear y controlar animaciones y efectos visuales
- manejar eventos como las acciones de los usuarios (clics, envío de formularios, teclas, etc.)
- crear aplicaciones Ajax y simplificar las llamadas HTTP asíncronas
Además, jQuery facilita la creación y el uso de plug-ins, lo que permite extender su funcionalidad mediante módulos reutilizables desarrollados por la comunidad.
Características principales
- Selector CSS-like: seleccionar elementos con una sintaxis compacta similar a los selectores CSS.
- Manejo de eventos: atar y desatar escuchas de evento de forma consistente entre navegadores.
- Manipulación DOM: insertar, eliminar y modificar elementos y atributos fácilmente.
- Efectos y animaciones: animaciones básicas integradas (fade, slide) y la posibilidad de crear animaciones personalizadas.
- Ajax simplificado: métodos como $.ajax, $.get, $.post para realizar peticiones y manejar respuestas con callbacks y promesas (desde versiones modernas).
- Compatibilidad: compatibilidad con navegadores antiguos (ventaja histórica frente a diferencias entre implementaciones).
Ejemplo básico
Un ejemplo típico muestra cómo seleccionar todos los párrafos y ocultarlos con una animación:
$(document).ready(function() { $("p").hide(); // oculta todos los párrafos });Con jQuery la intención del código queda más clara y se reduce la verbosidad respecto al DOM nativo tradicional.
Integración y adopción
Empresas como Microsoft y Nokia han anunciado inclusión de jQuery en sus plataformas móviles. Microsoft ha incluido jQuery en herramientas como Visual Studio para uso con el marco ASP.NET AJAX y ASP.NET MVC. Nokia lo integró en su plataforma de desarrollo de widgets Web Run-Time. jQuery también se utiliza en MediaWiki desde la versión 1.16.
Versiones, rendimiento y tamaño
jQuery ha evolucionado a lo largo de los años: las versiones modernas han reducido dependencias y mejorado rendimiento, pero siguen existiendo diferencias entre cargar la biblioteca completa o usar módulos más pequeños. Para páginas donde el rendimiento y el tamaño son críticos, conviene evaluar si una solución nativa (vanilla JS) o bibliotecas más ligeras son preferibles. Muchos proyectos cargan jQuery desde redes CDN públicas para aprovechar el caché compartido entre sitios.
¿Se debe usar jQuery hoy?
Depende del proyecto. jQuery sigue siendo útil cuando:
- se trabaja sobre aplicaciones heredadas que ya lo utilizan
- se necesita desarrollo rápido con multitud de plug-ins disponibles
- se requiere compatibilidad sencilla con navegadores antiguos
Sin embargo, en nuevos proyectos es común evaluar alternativas (APIs modernas de DOM, Fetch, frameworks como React/Vue/Angular o librerías más pequeñas) que ofrecen mejor modularidad, rendimiento y características reactivas. Aun así, jQuery sigue siendo una herramienta válida y práctica en muchos escenarios.
Comunidad y recursos
La comunidad de jQuery mantiene documentación, tutoriales y un amplio ecosistema de plug-ins. Para empezar se puede descargar la librería desde el sitio oficial (o usar CDNs) y consultar la documentación y ejemplos en línea. Si trabajas con ASP.NET, Visual Studio y otras plataformas mencionadas, encontrarás integraciones y plantillas que facilitan su uso.
En resumen, jQuery es una biblioteca que simplifica tareas comunes del desarrollo web, con un amplio soporte histórico y muchos recursos disponibles, aunque conviene evaluar su uso frente a las herramientas modernas según requisitos de rendimiento, compatibilidad y arquitectura del proyecto.
Historial de la versión
| Número de versión | Fecha de publicación | Notas adicionales |
| 1.0 | 26 de agosto de 2006 | Primera versión estable |
| 1.0.1 | 31 de agosto de 2006 | |
| 1.0.2 | 9 de octubre de 2006 | |
| 1.0.3 | 27 de octubre de 2006 | |
| 1.0.4 | 12 de diciembre de 2006 | Última corrección de errores 1.0 |
| 1.1 | 14 de enero de 2007 | |
| 1.1.1 | 22 de enero de 2007 | |
| 1.1.2 | 27 de febrero de 2007 | |
| 1.1.3 | 1 de julio de 2007 | |
| 1.1.3.1 | 5 de julio de 2007 | |
| 1.1.4 | 24 de agosto de 2007 | |
| 1.2 | 10 de septiembre de 2007 | |
| 1.2.1 | 16 de septiembre de 2007 | |
| 1.2.2 | 15 de enero de 2008 | |
| 1.2.3 | 8 de febrero de 2008 | |
| 1.2.4 | 19 de mayo de 2008 | |
| 1.2.5 | 21 de mayo de 2008 | Corrección de una mala compilación de 1.2.4 |
| 1.2.6 | 24 de mayo de 2008 | |
| 1.3 | 14 de enero de 2009 | Motor de selección Sizzle introducido en el núcleo |
| 1.3.1 | 21 de enero de 2009 | |
| 1.3.2 | 20 de febrero de 2009 | |
| 1.4 | 14 de enero de 2010 | |
| 1.4.1 | 25 de enero de 2010 | |
| 1.4.2 | 19 de febrero de 2010 | |
| 1.4.3 | 16 de octubre de 2010 | |
| 1.4.4 | 11 de noviembre de 2010 | |
| 1.5 | 31 de enero de 2011 | Gestión de callbacks diferidos, reescritura de módulos ajax |
| 1.5.1 | 24 de febrero de 2011 | |
| 1.5.2 | 31 de marzo de 2011 | |
| 1.6 | 3 de mayo de 2011 | Mejoras significativas en el rendimiento de las funciones attr() y val() |
| 1.6.1 | 12 de mayo de 2011 | |
| 1.6.2 | 30 de junio de 2011 | |
| 1.6.3 | 1 de septiembre de 2011 | |
| 1.6.4 | 12 de septiembre de 2011 | |
| 1.7 | 3 de noviembre de 2011 | Nuevas APIs de eventos: .on() y .off(), mientras que las antiguas APIs siguen siendo compatibles. |
| 1.7.1 | 21 de noviembre de 2011 | |
| 1.7.2 | 21 de marzo de 2012 | |
| 1.8.0 | 9 de agosto de 2012 | Motor de selección de Sizzle reescrito, animaciones mejoradas y flexibilidad de $(html, props). |
| 1.8.1 | 30 de agosto de 2012 | |
| 1.8.2 | 20 de septiembre de 2012 | |
| 1.8.3 | 13 de noviembre de 2012 | |
| 1.9.0 | principios de 2013 | Eliminación de interfaces obsoletas y limpieza del código |
| 2.0.0 | principios de 2013 | Eliminación de la compatibilidad con IE6-8 para mejorar el rendimiento y reducir el tamaño de los archivos |
Preguntas y respuestas
P: ¿Qué es jQuery?
R: jQuery es una biblioteca de JavaScript creada para facilitar y simplificar la escritura de JavaScript y HTML.
P: ¿Quién inventó jQuery?
R: John Resig inventó jQuery.
P: ¿Cuándo se lanzó la primera versión de jQuery?
R: El primer lanzamiento de jQuery fue en enero de 2006 en el BarCamp NYC.
P: ¿Quién dirige el equipo de programadores que trabaja en jQuery en la actualidad?
R: Dave Methvin dirige el equipo de programadores que trabajan en jQuery en la actualidad.
P: ¿Es muy popular jQuery?
R: Más del 55% de los 10.000 sitios web más visitados utilizan jQuery, lo que la convierte en la biblioteca JavaScript más popular que se utiliza en la actualidad.
P: ¿Hay algún coste asociado al uso de jQuery?
R: No, no hay ningún coste asociado al uso de jQuery, ya que se trata de un software gratuito y de código abierto con licencia MIT.
P: ¿Qué cosas son más fáciles de hacer utilizando jQuery?
R: Algunas cosas que son más fáciles de hacer usando jquery incluyen navegar (moverse) por una página web, seleccionar (elegir) elementos en una página web usando el Modelo de Objetos del Documento, crear animaciones, manejar eventos como acciones del usuario, crear aplicaciones Ajax y hacer sus propios plug-ins jquery.
Buscar dentro de la enciclopedia