Javascript jQuery:My.remove（）发生在.fadeOut（）完成之前

我正在尝试使.fadeout效果发生，然后删除“#all”，然后运行“genDiv”函数。但是当我点击$（'.button'）时，它似乎跳转了.fadeout效果，直接跳转到我的.remove和'genDiv'。我如何才能得到它是完全淡出之前，在代码中移动。我试过了。等等，但也许我不太明白它是做什么的，或者它是如何工作的。非常感谢。以下是我的代码片段：

$('.button').click(function() {
   $('#all').fadeOut(2000)
   $('#all').remove()
   genDivs() 

使用回调函数：

$('#all').fadeOut(2000, function() {
    $('#all').remove()
    genDivs() 
})

---

请看一下淡出的文档：太棒了，谢谢！你能解释一下这里到底发生了什么吗。对JS来说有点陌生，什么是回调？