Desarrollo Web, Seo, Adsense

jQuery

Publicado el 17. dic, 2009 by jbomba in Javascript, jQuery

¿Qué es JQuery?
jQuery es un nuevo tipo de librerías de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web. jQuery esta diseñado para cambiar la forma de escribir código JavaScript. (Tomado de Wikipedia).

Primero explicaremos la funcion $ que no es mas que la manera con la cual se tiene acceso a los elementos DOM.

Por ejemplo para acceder a un elemento de nuestra pagina con id = myid se accede de la siguiente manera

Para acceder al mismo elemento pero utilizando jQuery

Algunos ejemplos de acceso a elementos con jquery

//Obtenemos el valor del elemento con id myid.
$("#myid").val();
//Agregamos el valor al elemento con id myid.
$("#myid").val('valor');
//Escribimos en el Dom
$("#myid").html('Escribimos en el DOM');
//El valor del atributo tabindex
$("#myid").attr("tabindex");

Manipulación de Elementos
Tambien podemos manipular las caracteristicas de los elementos a los cuales accedemos.

//Agregamos la clase al elemento con id myid
$("#myid").addClass('myclase');
//Removemos la clase al elemento con id myid
$("#myid").removeClass('myclase');
//Algunas reglas de estilos
$('table').css({'color': 'blue'});

Tags: frameworks, Javascript, jQuery, jquery frameworks