Ligação jQuery

Através do jQuery, você pode ligar ações/métodos.

Chaining permite que várias métodos jQuery sejam executados em uma única sentença (no mesmo elemento).

Ligação de métodos jQuery

Até agora, sempre escrevemos uma única sentença de jQuery (uma após a outra).

No entanto, há uma técnica chamada chaining (ligação), que permite que executemos várias comandos jQuery no mesmo elemento, um após o outro.

Dica:Dessa forma, o navegador não precisa buscar o mesmo elemento várias vezes.

Para ligar uma ação, você simplesmente adiciona essa ação à ação anterior.

Exemplo 1

O exemplo a seguir liga css(), slideUp() e slideDown() juntos. O elemento "p1" primeiro se torna vermelho, então desce, e depois sobe:

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

Experimente pessoalmente

Se necessário, também podemos adicionar várias chamadas de métodos.

Dica:Quando se faz um link, a linha de código se torna muito ruim. No entanto, o jQuery não é muito rigoroso em termos de sintaxe; você pode escrever na forma que desejar, incluindo quebras de linha e recuos.

Exemplo 2

Também pode funcionar assim:

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

Experimente pessoalmente

jQuery remove excess spaces and executes the above code line as a single line of long code.