Animações de parada do jQuery


O método jQuery stop() é usado para parar animações ou efeitos antes de terminar.



Clique para deslizar para baixo/para cima no painel

Como o tempo é valioso, oferecemos aprendizado rápido e fácil.

Na W3Schools, você pode estudar tudo o que precisa aprender, em um formato acessível e prático.


Exemplos


Demonstra o método jQuery stop().


Demonstra o método jQuery stop().


Método jQuery stop()

O método jQuery stop()é usado para parar uma animação ou efeito antes de terminar.

O stop()método funciona para todas as funções de efeito jQuery, incluindo animações deslizantes, desbotadas e personalizadas.

Sintaxe:

$(selector).stop(stopAll,goToEnd);

O parâmetro opcional stopAll especifica se a fila de animação também deve ser limpa ou não. O padrão é false, o que significa que apenas a animação ativa será interrompida, permitindo que quaisquer animações enfileiradas sejam executadas posteriormente.

O parâmetro opcional goToEnd especifica se a animação atual deve ou não ser concluída imediatamente. O padrão é falso.

Portanto, por padrão, o stop()método elimina a animação atual que está sendo executada no elemento selecionado.

O exemplo a seguir demonstra o stop()método, sem parâmetros:

Exemplo

$("#stop").click(function(){
  $("#panel").stop();
});

Exercícios de jQuery

Teste-se com exercícios

Exercício:

Use um método jQuery para interromper o efeito de animação de um elemento <div>.

$("div").();


Referência de efeitos jQuery

Para uma visão geral completa de todos os efeitos do jQuery, acesse nossa Referência de Efeitos do jQuery .