jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privativos. 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.

En este POST vamos a analizar sus ventajas.

La librería jQuery proporciona una capa de abstracción de aplicación general para programación Web, y por lo tanto es de utilidad en casi cualquier situación de programación. Las características principales, sin embargo, abordan las siguientes necesidades:

– Acceder a elementos en un documento: Sin una librería JavaScript, se tienen que escribir muchas líneas de código para recorrer el árbol DOM (Document Object Model), y localizar partes especiales de la estructura de un documento HTML. Un mecanismo selector robusto y eficiente se ofrece en jQuery para recuperar la parte exacta del documento que se tiene que inspeccionar o manipular.

–  Modificar la apariencia de una página Web: CSS ofrece un método potente de influir en la forma en que se muestra un documento, pero se queda corto cuando los navegadores Web no soportan todos los mismos estándares. Con jQuery, los desarrolladores pueden llenar este vacío, basándose en el soporte de los mismos estándares entre todos los navegadores. Además, jQuery puede cambiar las clases o propiedades de estilo individual aplicadas a una parte del documento incluso después de que se haya mostrado la página.

– Alterar el contenido de un documento: No limitado a meros cambios estéticos, jQuery puede modificar el contenido de un documento con algunas teclas. El texto se puede cambiar, las imágenes se pueden insertar o cambiar, las listas se pueden reordenar, o toda la estructura del HTML se puede volver a escribir y ampliar, todo ello con una sola API (Application Programming Interface o Interfaz de programación de aplicaciones) fácil de utilizar.

– Responder a la los eventos de un usuario: Incluso los comportamientos más elaborados y potentes no son de utilidad si no podemos controlar cuándo tienen lugar. La librería jQuery ofrece una forma elegante de interceptar una amplia variedad de eventos, como que el usuario haga clicen un vínculo, sin la necesidad de saturar el propio código HTML con manejadores de evento. Al mismo tiempo, su API de gestión de eventos elimina las inconsistencias del navegador que a menudo molestan a los desarrolladores Web.

– Animar cambios realizados a un documento: Para implementar de forma eficiente tales comportamientos interactivos, un diseñador debe también proporcionar feedback visual al usuario. La biblioteca jQuery facilita esto al proporcionar una tabla de efectos, como desvanecerse, así como un conjunto de herramientas para diseñar nuevas.

– Recuperar información de un servidor sin refrescar una página: Este patrón de código se ha conocido como AJAX (Asynchronous JavaScript And XML o JavaScript asíncrono y XML),Y ayuda a los diseñadores Web a diseñar un sitio rico en características. La librería jQuery elimina la complejidad específica de navegador de este proceso, permitiendo a los desarrolladores centrarse en la funcionalidad del servidor.

– Simplificar tareas JavaScript comunes: Además de todas las características específicas de documento de jQuery, la librería proporciona mejoras a construcciones JavaScript básicas como iteración y manipulación de tabla.

Con el reciente resurgimiento de interés en HTML dinámico viene una proliferación de marcos de trabajo JavaScript. Algunos son especializados, centrándose en una o dos de las tareas anteriores. Otros intentan catalogar cualquier comportamiento y animación posible, y las presentan pre-empaquetadas. Para mantener la amplia gama de características vistas anteriormente y seguir siendo compacto, jQuery emplea varias estrategias:

Aprovechar el conocimiento de CSS: Al basar el mecanismo para localizar elementos de página en selectores CSS, jQuery hereda una forma concisa y legible de expresar la estructura de un documento. La librería jQuery se convierte en un punto de entrada para diseñadores que desean añadir comportamientos a sus páginas porque un requisito previo para realizar desarrollo Web profesional es conocimiento de sintaxis CSS.

Soportar extensiones: Para evitar el aumento de características, jQuery relega usos especiales a plug-ins. El método para crear nuevos plug-ins es sencillo y bien documentado, que ha estimulado el desarrollo de una amplia variedad de módulos de utilidad. Incluso la mayoría de las características en la descarga jQuery básica se realizan internamente por medio de la arquitectura plug-in, y se pueden eliminar si se desea, resultando en una biblioteca incluso menor.

Abstraer los fallos de navegador: Una triste realidad del desarrollo Web es que cada navegador tiene su propio conjunto de desviaciones de los estándares publicados. Una parte significativa de cualquier aplicación Web se puede relegar a gestionar características de forma diferente en cada plataforma. Aunque el escenario de los navegadores en continuo cambio hace que un código base neutro para el navegador sea imposible para otras características avanzadas, jQuery añade una capa de abstracción que normaliza las tareas comunes, reduciendo el tamaño del código, y simplificándolo tremendamente.

Siempre trabajar con conjuntos: Cuando le decimos a jQuery, Encontrar todos los elementos con la clase collapsible y ocultarlos, no hay necesidad de pasar en bucle por cada elemento devuelto. En su lugar, métodos como. hide () se diseñan para trabajar automáticamente sobre conjuntos de objetos en lugar de individuales. Esta técnica, denominada iteración implícita, significa que muchas construcciones de bucle dejan de ser necesarias, acortando el código considerablemente.

Permitir múltiples acciones en una línea: Para evitar uso excesivo de variables temporales o repetición malgastada, jQuery emplea un patrón de programación denominado encadenamiento para la mayoría de sus métodos. Esto significa que el resultado de la mayoría de operaciones en un objeto es el objeto en sí mismo, listo para la siguiente acción que se le va a aplicar.

Estas estrategias han mantenido el paquete jQuery reducido, por debajo de 20 KB comprimido, mientras que al mismo tiempo proporciona técnicas para mantener nuestro código personalizado que utiliza la librería compacta, también.

La elegancia de la librería viene en parte por diseño, y en parte debido al proceso evolutivo impulsado por la comunidad vibrante que ha surgido alrededor del proyecto.

Enlace de descarga de JQuery

Libro en castellano recomendado, Editorial Anaya: http://www.amazon.es/jQuery-Anaya-Multimedia-Bear-Bibeault/dp/8441529310