jQuery

Saltar a: navegacin, bsqueda jQuery Babbis 2.0 jQuery 1.7.2 Beta 1 Released Posted January 31st, 2012 Desarrollador Equipo de desarrollo http://jquery.com/ Informacin general Diseador Lanzamiento inicial ltima versin estable ltima versin en pruebas Gnero Programado en Sistema operativo Licencia Idiomas En espaol Soporte tcnico
Foros oficiales Soporte comercial

John Resig 26 de agosto de 2006 (info) 1.7.1 (info)

21 de noviembre de 2011; hace 3 meses

1.7.2 Beta 1 (info)

31 de enero de 2012

Biblioteca JavaScript Multiplataforma GPL y MIT Ingls (documentacin)

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 interaccin con la tcnica AJAX a pginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. jQuery es software libre y de cdigo abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pblica General de GNU v2, permitiendo su uso en proyectos libres y privativos.1 jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requeriran de mucho ms

cdigo, 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 incluirn la biblioteca en sus plataformas.2 Microsoft la aadir en su IDE Visual Studio3 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.

Contenido
[ocultar]

1 Caractersticas 2 Uso o 2.1 Funcin $() o 2.2 Inicio de jQuery 3 Versiones 4 Referencias 5 Vase tambin 6 Enlaces externos

[editar] Caractersticas

Seleccin de elementos DOM. Interactividad y modificaciones del rbol DOM, incluyendo soporte para CSS 1-3 y un plugin bsico de XPath. Eventos. Manipulacin de la hoja de estilos CSS. Efectos y animaciones. Animaciones personalizadas. AJAX. Soporta extensiones. Utilidades varias como obtener informacin del navegador, operar con objetos y vectores, funciones como trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc. Compatible con los navegadores Mozilla Firefox 2.0+, Internet Explorer 6+, Safari 3+, Opera 10.6+ y Google Chrome 8+.4

[editar] Uso
jQuery consiste en un nico fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX. La caracterstica principal de la biblioteca es que permite cambiar el contenido de una pgina web sin necesidad de recargarla, mediante la manipulacin del rbol DOM y peticiones AJAX. Para ello utiliza las funciones $() o jQuery().

[editar] Funcin $()

La forma de interactuar con la pgina es mediante la funcin $(), un alias de jQuery(), que recibe como parmetro una expresin CSS o el nombre de una etiqueta HTML y devuelve todos los nodos (elementos) que concuerden con la expresin.
$("#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 grficos:

// Anima todos los componentes con class="activo" $(".activo").slideToggle("slow");

[editar] Inicio de jQuery

Comnmente antes de realizar cualquier accin en el documento con jQuery(), debemos percatarnos de que el documento est listo. Para ello usamos $(document).ready();, de esta forma: