jQuery – adiciona classe de animação CSS e remove após a animação

Ok, eu sei, o título diz tudo, mas gostaria de dizer algumas palavras sobre o escopo desta dica. Se você estiver usando animações CSS personalizadas ou uma biblioteca como animate.css ( http://daneden.me/animate/ ), certamente enfrentará o seguinte cenário – aplique a classe de animação e remova-a após a animação ter ocorrido. O snippet a seguir mostra como fazer isso do modo cross-browser:

$("#animateme").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){
     $(this).removeClass("animation");
}).addClass("animation");

HTH