Encadeamento de métodos

Até agora temos estado a escrever instruções jQuery uma de cada vez (uma após a outra).

No entanto, existe uma técnica chamada encadeamento (chaining), que nos permite executar vários comandos jQuery, um após o outro, no mesmo elemento (s).

NOTA: Desta forma, os navegadores não tem que encontrar o mesmo elemento (s) mais de uma vez.

Pode-se simplesmente anexar uma ação na ação anterior.

Exemplo 1:

O exemplo a seguir mostra p encadeamento dos métodos css(), slideUp(), e slideDown(). O elemento “p1” o primeiro muda para vermelho, depois, desliza para cima e, em seguida, desliza para baixo:

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

Exemplo 2:

Dica : No encadeamento, a linha de código pode se tornar bastante longa. No entanto, o jQuery não é muito rigoroso sobre a sintaxe, e podemos formatá-la como quisermos, incluindo quebras de linha e indentação:

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