dev [JQuery] ~ 2. - Callback do JQuery simples

[Pica-Pau]

 

Callback simples

 

Primeiramente, oque é "Callback" em JQuery ?

segundo a documentação do JQuery "Callback" é:
 

A callback function is executed after the current effect is 100% finished.
Uma função executada após a função atual estar 100% terminada.

Exemplo de callback já integrado ao JQuery:

$("#botao").on('click', function() {
  alert("Botão clicado");
 
  $("#elementoDistinto").fadeOut("slow", function() {
    alert("Outro elemento sumiu.");

    $(this).fadeIn("slow", function() {
      alert("Outro elemento apareceu, achou que eu tinha sumido abestado");
    });
  });
});

// O ELEMENTO DISTINTO SOME APÓS O BOTÃO SER CLICADO
// O ELEMENTO DISTINTO APÓS O MESMO SUMIR AO CLICAR DO BOTAO
// O ALERTA "apareceu" É ENVIADO QUANDO O ELEMENTO ESTIVER 100% DENTRO DO DOM

Espero que tenham gostado dessa explicação simples '-'

Até mais, na próxima explico como fazer um callback com as suas próprias funções.