jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada en enero de 2006 en el BarCamp NYC.

jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

Las empresas Microsoft y Nokia anunciaron que incluirán la biblioteca en sus plataformas.^[1] Microsoft la añadirá en su IDE Visual Studio^[2] y la usará junto con los frameworks ASP.NET AJAX y ASP.NET MVC, mientras que Nokia los integrará con su plataforma Web Run-Time.

Características

• Selección de elementos DOM.
• Interactividad y modificaciones del árbol DOM, incluyendo soporte para CSS 1-3 y un plugin básico de XPath.
• Eventos.
• Manipulación de la hoja de estilos CSS.
• Efectos y animaciones.
• AJAX.
• Soporta extensiones.
• Utilidades varias como obtener información del navegador, operar con Objetos y Arrays, función trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc.
• Compatible con los navegadores Firefox 2.0+, Internet Explorer 6+, Safari 2.0.2+ y Opera 9+.^[3]

Uso

jQuery consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX.

La característica principal de la biblioteca es que permite cambiar el contenido de una página web sin necesidad de recargarla, mediante la manipulación del árbol DOM y peticiones AJAX. Para ello utiliza las funciones $() o jQuery().

Función $

La forma de interactuar con la página es mediante la función $() (un alias de jQuery()) que recibe como parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve todos los nodos (elementos) que concuerden con la expresión.

$("#tablaAlumnos")   //Devolverá el elemento con id="tablaAlumnos"
$(".activo")         //Devolverá una matriz de elementos que contenga el estilo "activo"

Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca.

// Una vez obtenidos todos los nodos que contenga el estilo "activo" 
// se les elimina ese estilo (removeClass()) y se les aplica uno nuevo (addClass())
$(".activo").removeClass("activo").addClass("desactivo");

jQuery Team

Detrás de la biblioteca existe un grupo de personas divididas en 5 equipos:

Licencia

jQuery usa las licencias MIT y GPL permitiendo su uso en proyectos libres y privativos.^[7]

Versiones

El primer prototipo de jQuery, llamado Selectors in JavaScript,^[8] vio la luz el 22 de agosto de 2005. La última versión estable es la 1.3.2^[9] y fue lanzada el 20 de febrero de 2009.

Actualmente existe la versión candidata a definitiva 1.5,^[10] lanzada el 2 de junio de 2008.

Referencias

Véase también

• jQuery UI
• Yahoo User Interface
• Prototype

Enlaces externos

• Página Oficial de jQuery
• Página Oficial de jQuery UI
• Chuleta de referencia en HTML
• Chuleta de referencia en PDF y GIF
• Contiene diversos componentes JSF sobre la base de uno de los más populares framework javascript jQuery.