JQuery

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 la biblioteca de JavaScript ms utilizada.
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 privados. 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. Microsoft la aadir 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 plataformaWeb Run-Time
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.

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() .
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. Esta expresin es denominada selector en la terminologa de jQuery
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:
$(document).ready(function() {
//Aqu van todas las acciones del documento.
});

Qu es jQuery?
jQuery es una biblioteca JavaScript rpido, pequeo y rico en funciones. Hace las
cosas como HTML recorrido y manipulacin de documentos, manejo de eventos,
animacin, y Ajax mucho ms simple con una API fcil de usar que funciona a
travs de una multitud de navegadores. Con una combinacin de versatilidad y
capacidad de ampliacin, jQuery ha cambiado la forma en que millones de
personas escriben JavaScript.
Miembros Corporativos



El apoyo de nuestros miembros corporativos hace posible que la Fundacin
jQuery para continuar nuestro trabajo en nuestras bibliotecas JavaScript y
empujando la web abierta adelante con eventos y la participacin en el proceso de
normalizacin. Consulta nuestra pgina de miembros para obtener una lista
completa de los miembros corporativos e individuales.
Una breve mirada
DOM Traversal y Manipulacin
Obtener el botn <> elemento con la clase 'continuar' y cambiar su cdigo HTML
en 'Next Step ...'
1 $ ( "button.continue" ) html ( "Siguiente Paso ..." )
Manejo de Eventos
Mostrar el # mensaje banner- elemento que se oculta con display: none en su CSS
cuando cualquier botn en el botn # contenedor se hace clic.
1
2
3
4
var hiddenBox = $ ( "# banner-mensaje" );
$ ( "# Botn-contenedor" ) .on ( "clic" , la funcin (evento) {
hiddenBox.show ();
});
Ajax
Llame a un script local en el servidor / api / GetWeather con el parmetro de
consulta cdigo postal = 97201 y sustituir el elemento # weather-temp html 's con
el texto devuelto.
1
2
3
4
5
6
7
$ .ajax (
{
url: "/ api / GetWeather" ,
datos: {
cdigo postal: 97201
},
xito: la funcin (data) {
$ ( "# weather-temp" ) html ( "<strong>" + datos + "</ strong> grados" );
}
}
);