Download jquery

Document related concepts
no text concepts found
Transcript
JQUERY:
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");
O tambien removidas:
$("a").removeClass("boton");
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");
O tambien removidas:
$("a").removeClass("boton");
Efectos especiales
Esta librería también esta compuesta por algunos efectos, que resultan muy útiles. Son
livianos y faciles de llamar. A continuación, una breve descripcion de cuales son, que hacen
y como se usan:
Nombre del
efecto
Descripcion
Show (Mostrar)
Modifica los atributos alto, ancho y transparencia, partiendo de 0.
$(objeto).show("velocidad")
Hide (Ocultar)
Modifica los atributos alto, ancho y transparencia, partiendo de los
valores actuales hasta llegar a 0.
$(objeto).hide("velocidad")
Slide Down
(Aparecer hacia
abajo)
Modifica los atributos alto y transparencia, partiendo de 0. Es similar
a "show", salvo que no modifica el ancho, creando un efecto de
"cortinilla".
$(objeto).slideDown("velocidad")
Descripcion de los parámetros
Slide Up
(Aparecer hacia
arriba)
Velocidad: Determina el tiempo en el que se realizará el
Modifica los atributos alto y transparencia, partiendo de los actuales,
efecto. Puede ser "slow" (lento), "normal", o "fast"
hasta llegar a 0. Es similar a "show", salvo que no modifica el ancho,
(rápido).
creando un efecto de "cortinilla".
$(objeto).slideUp("velocidad")
Fade
In(Aparecer)
Modifica el atributo transparencia desde 0.
$(objeto).fadeIn("velocidad")
Modifica el atributo transparencia desde el valor actual, hasta llegar a
Fade
0.
Out(Desaparecer)
$(objeto).fadeOut("velocidad")
Center (Centrar)
Centra un elemento con respecto a su "parent".
$(objeto).center("velocidad");
Fade To(Cambiar Modifica el atributo transparencia a un valor especifico.
Velocidad: Determina el tiempo en el que se realizará el
transparencia)
$(objeto).fadeTo("velocidad", transparencia)
efecto. Puede ser "slow" (lento), "normal", o "fast"
(rápido).
Transparencia: Un numero de 0 a 100 que indica que tan
visible es el elemento.
Velocidad: Determina el tiempo en el que se realizará el
efecto. Puede ser "slow" (lento), "normal", o "fast"
(rápido).
Animate
(Animar)
Modifica un atributo especifico.
$(objeto).animate("propiedades","velocidad");
Propiedades: Una o más propiedades con valor numérico
en CSS, por ejemplo width y height. La llamada seria:
$(objeto).animate({width:20,height:200},
"slow");