tutoriais mais recente desenvolvimento web
 

jQuery - encadeamento


Com jQuery, você pode encadear ações / métodos.

Encadeamento nos permite executar vários métodos jQuery (sobre o mesmo elemento) dentro de uma única instrução.


jQuery Método encadeamento

Até agora temos estado a escrever jQuery declarações um de cada vez (um após o outro).

No entanto, não há uma técnica chamada de encadeamento, que permite executar comandos múltiplos jQuery, um a seguir ao outro, no mesmo element(s) .

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

Para encadear uma ação, você simplesmente anexar a ação para a ação anterior.

O exemplo a seguir cadeias juntos os css(), slideUp() , e slideDown() métodos. O "p1" primeiro elemento muda para vermelho, então ele desliza para cima e, em seguida, ele desliza para baixo:

Exemplo

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Tente você mesmo "

Nós também poderia ter acrescentado mais chamadas de método, se necessário.

Dica: Quando o encadeamento, a linha de código pode se tornar bastante longo.No entanto, jQuery não é muito rigoroso sobre a sintaxe; você pode formatá-lo como quiser, incluindo quebras de linha e recuos.

Isso também funciona muito bem:

Exemplo

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
Tente você mesmo "

jQuery joga fora espaço em branco extra e executa as linhas acima como uma longa linha de código.