JQuery – Introducción
miércoles, 12 de enero de 2011
JQUERY – INTRODUCCION
En estos tiempos no podemos dejar de saber para los que nos dedicamos al diseño y desarrollo web, el framework JQUERY.
A la fecha de este post está en su versión 1.4.4, y todo lo referente a su descarga lo puedes encontrar aquí, donde encontrarás 2 versiones la de producción (que está comprimida y minimizada) y la de desarrollo, puedes utilizar cualquiera según tus necesidades.
En la web encontraremos muchos sitios con efectos jquery por nombrar algunos Facebook y Twitter.
Hay igualmente bastantes sitios donde encontrar la definición, a parte del sitio oficial, podemos visitar la Wikipedia en español.
Para usar JQuery es importante conocer algo de JavaScript, JQuery es un complemento de JavaScript y que nos facilita enormemente el diseño, a JQuery lo podríamos ver como código JavaScript que se ha escrito para uno, para solucionar nuestras propias necesidades.
¿Qué podemos hacer?, fácilmente crear efectos en tus páginas con poco código, la verdad en lo que a mí respecta, ayuda enormemente en simplificar las tareas para el diseño de páginas web, por qué nos permite manipular el contenido de las páginas .
Existe muchos tutoriales, lo que escriba lo haré a la medida para que me sirva como referencia rápida y espero a Uds.
también.
Para utilizar la librería JQuery podemos hacerlo de dos maneras:
- Descargar el script y copiarlo en nuestro servidor web, accediendo en cada script mediante la sentencia <script type=”text/javascript” src=”js/jquery-1.4.4.min.js”></script>.
- Acceder a sitios en internet, y colocando en el src la dirección https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js, existen más lugares, leí en un artículo pasado que en el sitio oficial de JQuery habían deshabilitado este acceso.
Si necesitamos una chuleta podemos verla aquí
Empecemos entonces…
Es importante recordar esto:
</div>
<div><script type="text/javascript">
window.onload = alert("La página ha sido cargada correctamente...");</script></div>
<div>
o
</div>
<div><script type="text/javascript">
miFuncion = function() {
alert("La página ha sido cargada correctamente...");
}
window .onload = miFuncion;</script></div>
<div>
Esto era lo que usábamos cotidianamente en nuestros scripts, pero al usar JQuery se acabó eso, que nos decía esto, que una vez cargada completamente la página (incluyendo imágenes) se active el evento onload de window y ejecute la sentencia alert o función en javascript según nuestros ejemplos.
En JQuery utilizaremos el evento document.ready, la forma de escribirlo es:
</div>
<div><script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<div><script type="text/javascript">
$('document').ready( function() {
alert("La página ha sido cargada correctamente...")
}
)</script></div>
<div>
Péguenlo en su block de notas porqué lo usaremos bastante en los ejemplos…