jQuery:empty() 方法可以指定持续时间吗？

Question

在 jQuery 中，empty() 方法是否可以指定一个持续时间，以便对象在一段时间内(例如 500 毫秒)淡出为空？

这是当前代码:

$('#object_to_be_emptied').empty();

Answer 1

没有。淡出内容，然后在淡出完成后将其清空。

$('#object_to_be_emptied').children().fadeOut(500, function() {
    $('#object_to_be_emptied').empty();
});

<小时/>

不幸的是，此代码调用 empty 的次数与 #object_to_be_emptied 下元素的数量一样多。如果您使用的是 jQuery > 1.6，您可以通过 $.Deferred 对动画的支持来解决这个问题:

$('#object_to_be_emptied').children().fadeOut(500).promise().then(function() {
    $('#object_to_be_emptied').empty();
});