12-chaining con jquery

jQuery es divertido!!






Jquery nos deja encadenar acciones y metodos.

El encadenamiento nos permite ejecutar numerosos metodos (nel mismo elemento) dentro de una sola instrucion

Con jquery podemos encadenar un comando tras el otro en el mismo elemento

De esta manera los navegadores no tienen que encontrar los mismos elementos mas de una vez

Para agregar aciones, simplesmente se agrega la acion a la anterior

El siguiente ejemplo encadena los métodos, de css(), slideUp(), y slideDown() El elemento "p1" primero cambia a rojo, luego se desliza hacia arriba y luego se desliza hacia abajo:


codigo del ejemplo

 $("#p1").css("color", "red").slideUp(2000).slideDown(2000); 
    


...

se fuera necessario agregar mas metodos, se podria hacer.

sugerencia

al encadenar, la línea de código podría volverse bastante largo

Sin embargo, jQuery no es muy estricto con la sintaxis; puede darle el formato que desee, incluidos los saltos de línea y las sangrías.


de esta forma tambien fuenciona bien

 $("#p1").css("color", "red")
 .slideUp(2000)
 .slideDown(2000); 
    

jQuery elimina los espacios en blanco adicionales y ejecuta las líneas anteriores como una línea larga de código.





Publicar un comentario

0 Comentarios