Hey, que es JQuery?

Veamos que nos dice Wikipedia, "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 árbol 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.".


Entonces en general Jquery es una herramienta para facilitarme la vida?? pues si! Jquery es una de los frameworks mas completos que hay de JavaScript y en mi opinión la favorita :).

Ahora, ok, todo muy lindo, pero como lo uso?? como saco beneficio de esta herramienta?? que se puede hacer con esta maravillosa invención?

Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo requiera agregar:

<script src="jquery.js" type="text/javascript">

Del sitio oficial de jQuery descargaremos la versión descomprimida que ocupa alrededor de 60 Kb (es el archivo jquery.js) y cuando subamos nuestro sitio es recomendable descargar la versión comprimida que tiene un peso de 20 Kb.

Además también podemos utilizar la librería que nos provee google, por ejemplo en esta pagina http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery, ahí podemos tener un idea de como cargar la librería :)

Además de eso también podemos llamar la de esta forma, la cual viene siendo los mismo :)

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'>script>

Bueno ya vimos como se llamaba. pero que puedo hacer con ella... bueno hay millones de cosas que podes hacer con ella, mira este enlace y encuentra algunos ejemplos de el uso de Jquery.

Ejemplos de Jquery

Ahora como es la sintaxis... como hago cosas maravillosas con jquery?

jQuery tiene una sintaxis muy sencilla. Los comandos se reconocen por comenzar con el símbolo "$". Ahora, la forma de una sentencia es la siguiente:

$(elemento).evento(función-o-parámetro);

La manera de inicializar jQuery es muy util:

$(document).ready(function(){
    //Aquí tu código
});

Ready es un método propio de jQuery, que revisa si el DOM está listo para usarse. Es más útil que el window.onload, pues este debe esperar a que todos los elementos de la pagina estén cargados (como scripts e imágenes) paa ejecutar. El "ready", en cambio, espera solo a la estructura.

Bueno aquí podes ver algunos ejemplos programados, solo descarga el archivo, esta en el hosting megaupload, esto, porque no tengo hosting, entonces no me quedo de otra.
Click aqui para descargar los ejemplos