Jquery淡出队列

我有两个div。一个是黑色背景，一个是紫色。我使用jquery淡出黑色div，也淡入紫色div。然而，似乎两者都试图同时发生

我的问题是如何使紫色div在紫色div完全淡出后淡入。我听说过队列方法，但不清楚如何使用它

$("div.black").fadeOut();
$("div.purple").fadeIn().queue(); // <-- purple div still trys to fade in
// while black div is fading out.  
// I need the purple div to wait 
// until that black div has completely faded out.

$（“div.black”）.fadeOut（）；
$（“div.purple”）.fadeIn（）.queue（）；// 像这样

$("div.black").fadeOut(function(){
    $("div.purple").fadeIn();
});

像这样

$("div.black").fadeOut(function(){
    $("div.purple").fadeIn();
});

使用回调函数尝试此操作

$("div.black").fadeOut(400,function(){
    $("div.purple").fadeIn().queue();
});

使用回调函数尝试此操作

$("div.black").fadeOut(400,function(){
    $("div.purple").fadeIn().queue();
});

可以考虑使用StimeTimeUT，它需要一个函数和一个时间在毫秒内等待。我认为这样做应该奏效：
$("div.black").fadeOut(500);
setTimeout(function() {
    $("div.purple").fadeIn()
}, 600)

可以考虑使用StimeTimeUT，它需要一个函数和一个时间在毫秒内等待。我认为这样做应该奏效：
$("div.black").fadeOut(500);
setTimeout(function() {
    $("div.purple").fadeIn()
}, 600)

fadeIn/fadeOut将回调函数作为其参数之一。动画完成后立即执行该功能：

$(".black").fadeOut(function() {
    // this will run once the fadeOut animation is complete
    $(".purple").fadeIn();
});

Fiddle:
fadeIn/fadeOut将回调函数作为其参数之一。动画完成后立即执行该功能：

$(".black").fadeOut(function() {
    // this will run once the fadeOut animation is complete
    $(".purple").fadeIn();
});

Fiddle:
将回调添加到black div
fadeOut
和callback
fadeIn
purple div。这样，一旦black消失，就会出现
fadeIn
。与答案无关，但除非绝对必要，否则您确实不应该用标记名限定选择器。它没有任何好处，并且创建了一个较慢的选择器。将回调添加到black div
fadeOut
和callback
fadeIn
purple div。这样，一旦black消失，就会出现
fadeIn
。与答案无关，但除非绝对必要，否则不应该用标记名限定选择器。它没有任何好处，而且会产生一个较慢的选择器。该死的，你这个快速回答者！：吃我吧！打得好，先生。该死的，你回答得很快吃我吧！打得好，先生。