Jquery

Solo disponible en BuenasTareas
  • Páginas : 3 (514 palabras )
  • Descarga(s) : 4
  • Publicado : 10 de noviembre de 2009
Leer documento completo
Vista previa del texto
jquery
jQuery es una liviana libreria de JavaScript, pensada para interactuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.*¿Por que* debería usarlo?
La sencillez de su sintaxis y la poca extension del codigo que necesitas escribir son las caracteristicas más notables. Si hicieras lo que hace jQuery con getElementById ywindow.onload no solo tendrias que escribir mucho, si no que podrian haber diversos problemas.
*¿Como* empiezo a usarlo?
Lo primero que debes hacer, es descargarlo de la web oficial: jQuery.Una vez descargada la libreria (son más o menos 16k) puedes proceder a tu primer script:
``
Ejecución y sintaxis básica
jQuery tiene una sintaxis muy sencilla. Los comandos se reconocen porcomenzar con el simbolo "$". Ahora, la forma de una sentencia es la siguiente:
`$(elemento).evento(funcion-o-parametro);`
La manera de inicializar jQuery es muy util:`$(document).ready(function(){`
});
Ready es un método propio de jQuery, que revisa si el DOM está listo para usarse. Es más util que el window.onload, pues este debe esperar a que todos los elementos de la pagina estencargados (como scripts e imagenes) paa ejecutar. El "ready", en cambio, espera solo a la estructura.
Acceso a elementos y eventos
Acceder a los elementos de la página es sencillo pues se usa lamisma nomenclatura que en CSS:
Veamos todo junto
Veamos un ejemplo de lo visto hasta ahora:
``
Al presionar cualquier etiqueta "a" del documento, se ejecutaria el alert.
Añadir oretirar clases
Cuando queremos que un elemento pueda interactuar con un css ya establecido, usamos las clases. Con jQuery, estas pueden ser asignadas dinamicamente:
`$("a").addClass("boton");`
Otambien removidas:
`$("a").removeClass("boton");`
Ahora, podemos añadirle CSS a esa determinada clase, y ver como se comporta:

` $("a").removeClass("boton");`

` .boton{`...
tracking img