JQuery

De Javi Sanromán wiki

jQuery es otra librería javascript que nos debe facilitar la programación en este lenguaje. jQuery como la mayoría tiene su propia sintaxis que debemos aprender y se caracteriza por ser bastante sencilla de entender y rápida de escribir.


Tabla de contenidos

Selectores

Seleccionar elementos del DOM de nuestro documento es tan sencillo como: 

// Seleccionamos los elementos p de todo el documento html
$('p')

// Seleccionamos el elemento con id=ficha
$('#ficha')

// Seleccionamos todos los elementos p con clase ficha
$('p.ficha')

// Seleccionamos todos los elementos p y div
$('p, div')

// Seleccionamos el primer enlace que aparezca en el documento
$('a'):first

// Seleccionamos el ultimo enlace que aparezca en el documento
$('a'):last

// Seleccionamos todos los enlaces que contienen el texto jsanroman.net
$('a'):contains('jsanroman.net')

Funciones

attr

Obtenemos un atributo del elemento 

$('#ficha').attr( name )

Establecemos un atributo para el elemento 

$('#ficha').attr( name, valor )


hide()

Oculta el elemento seleccionado 

$("div#ficha").hide();

show()

Muestra el elemento seleccionado 

$("div#ficha").hide();

slideToggle("fast")

Si el elemento seleccionado esta oculto lo muestra y si esta visible lo oculta., 

$("div#elemento_a_ocultar_mostrar").slideToggle("fast");

Eventos

click()

Representa el evento javascript click 

$("a#enlace_sobre_el_que_aplicamos_el_evento").click( function() {
       $("div#elemento_a_ocultar_mostrar").slideToggle("fast");}
);


Referencias

Plugins

Obtenido de "http://www.jsanroman.net/wiki//index.php/JQuery"