Função de Retorno do jQuery (Callback)

As instruções JavaScript são executadas linha a linha. No entanto, devido aos efeitos jQuery precisarem de algum tempo para serem concluídos, a próxima linha de código pode ser executada enquanto o efeito anterior ainda está em execução. Isso pode gerar erros.

Para evitar isso, o jQuery fornece uma função de retorno para cada método de efeito.

A função de retorno será executada após o efeito atual ser concluído.

A função de retorno é passada como parâmetro para o método de efeito, geralmente mostrada como o último parâmetro do método.

Sintaxe tipica: $(selector).hide(duration, easing, callback);

O exemplo a seguir possui um parâmetro de retorno e a função será executada após o efeito de ocultamento ser concluído:

$("button").click(function(){
　　$("p").hide("slow", function(){
　　　　//　Código a ser executado após o efeito ser concluído
　　　　alert("The paragraph is now hidden");
　　});
});

O exemplo a seguir não possui parâmetro de retorno e exibirá uma caixa de diálogo de alerta antes de completar o efeito de ocultamento:

$("button").click(function(){
　　$("p").hide("slow");
　　　　　alert("Este parágrafo agora está oculto");
});