jquery+；淡出元素、添加类（隐藏时）、重新显示元素

我正在寻求一些帮助，以实现以下目标：

文档准备就绪时..

从DOM中查找并隐藏指定的div，当其褪色/显示设置为“无”时，添加一个“img2”类。将类附加到初始选择器后，将淡入div。（显示：块）

如何按指定的顺序链接以下方法

目前，任何“addClass”方法都是在DOM就绪时启动的，而不是在链式事件之后

/*
select div, 
wait 2 secs., 
fade out for 1, 
add class 'img2' (which changes background-image property / style), 
re-display (display:block) selected element. (#bg-img).
*/
$('#bg-img').delay(2000).fadeOut(1000).addClass('img2');

---

jQuery.fadeOut支持在效果完成后应用的代码回调：

$('#bg-img').delay(2000).fadeOut(1000, function() {
  $(this).addClass('img2');
});

更新

正如@mdm非常正确地指出的，您可以将回调参数传递给所有jQuery动画效果。

尝试使用

$('#bg-img').delay(2000).fadeOut(1000, function () {
   $(this).addClass('img2');
 });

---

这也适用于其他动画方法-fadeTo、fadeIn、slideToggle、slideUp和slideDown。这非常完美。正是我要找的-（我应该知道这一点。）谢谢你的时间。干杯谢谢@Fader，如上所述，这正是我们所需要的。干杯