Con jQuery, se pueden encadenar juntos acciones / métodos.
El encadenamiento nos permite ejecutar múltiples métodos de jQuery (en el mismo elemento) dentro de un solo estado.
Método jQuery encadenamiento
Hasta ahora hemos estado escribiendo jQuery declaraciones de uno en uno (uno tras otro).
Sin embargo, existe una técnica llamada encadenamiento, que nos permite ejecutar varios comandos de jQuery, uno tras otro, en el mismo element(s) .
Consejo: De esta manera, los navegadores no tienen que encontrar el mismo element(s) más de una vez.
Para encadenar una acción, sólo tiene que anexar la acción de la acción anterior.
El siguiente ejemplo cadenas juntos los css(), slideUp() , y slideDown() métodos. El "p1" primer elemento cambia a rojo, luego se desliza hacia arriba, y luego se desliza hacia abajo:
También podríamos haber añadido más llamadas de método, si es necesario.
Consejo: Cuando se encadenan, la línea de código podría llegar a ser bastante larga.Sin embargo, jQuery no es muy estricta sobre la sintaxis; puede darle formato como usted desee, incluyendo saltos de línea y hendiduras.
Esto también funciona muy bien:
jQuery tira a la basura espacios en blanco extra y ejecuta las líneas anteriores como una larga línea de código.