jQuery
| jQuery | ||
|---|---|---|
 | ||
| Archivo:JQuery 1.11 Released | ||
| Información general | ||
| Tipo de programa | Biblioteca | |
| Autor | John Resig | |
| Desarrollador | Equipo de desarrollo | |
| Lanzamiento inicial | 26 de agosto de 2006 | |
| Licencia | GPL y MIT | |
| Idiomas | Inglés (documentación) | |
| Información técnica | ||
| Programado en | JavaScript | |
| Versiones | ||
| Última versión estable | 1.11 (info) ( 24 de enero de 2014 (10 años, 3 meses y 15 días)) | |
| Última versión en pruebas | 3.0.0-beta114 de enero de 2016 | |
| Asistencia técnica | ||
|
Foros oficiales Soporte comercial | ||
| Enlaces | ||
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 la biblioteca de JavaScript más utilizada.[1]
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 privados.[2] 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.[3] Microsoft la añadirá en su IDE Visual Studio[4] 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.
- Animaciones personalizada .
- AJAX.
- Soporta extensiones.
- Utilidades varias como obtener información del navegador, operar con objetos y vectores, funciones para rutinas comunes, etc.
- Compatible con los navegadores Mozilla Firefox 2.0+, Internet Explorer 6+, Safari 3+, Opera 10.6+ y Google Chrome 8+.[5]
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. Esta expresión es denominada selector en la terminología de jQuery.[6]
$("#tablaAlumnos"); // Devolverá el elemento con id="tablaAlumnos"
$(".activo"); // Devolverá una matriz de elementos con class="activo"
Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca.
// Se elimina el estilo (con removeClass()) y se aplica uno nuevo (con addClass()) a todos los nodos con class="activo"
$(".activo").removeClass("activo").addClass("inactivo");
O por ejemplo, efectos gráficos:
// Anima todos los componentes con class="activo"
$(".activo").slideToggle("slow");
Inicio de jQuery
Comúnmente antes de realizar cualquier acción en el documento con jQuery(), debemos percatarnos de que el documento esté listo.
Para ello usamos $(document).ready();, de esta forma:
$(document).ready(function() {
//Aquí van todas las acciones del documento.
});
Versiones
Véase también
Referencias
- ↑ «Usage of JavaScript libraries for websites».
- ↑ «Licencias de uso de jQuery».
- ↑ «Anuncio en el blog oficial de jQuery sobre la inclusión de la biblioteca en los productos de Microsoft y Nokia.». Consultado el 3 de abril de 2011.
- ↑ «Entrada sobre el uso de jQuery en el blog de Scott Guthrie». Consultado el 3 de abril de 2011.
- ↑ «Compatibilidad con los navegadores web».
- ↑ «Selectors, en jQuery.com».
- ↑ «Introduction to JavaScript Source Maps».