jquery - 如何在什么情况下使用“队列”或“延迟”？他们的设计目的是什么？

Question

我很困惑，动画的“队列”和“ajax”的延迟？谁能告诉我一些典型的例子？

Answer 1

You're mostly correct.

"deferred objects" can be used for processing asynchronous events - you initiate an action and then register a callback which will be invoked when the action has completed. This includes AJAX, although there are plenty of other uses too.

jQuery queues are indeed primarily used to maintain a queue of (animation) functions to be called in sequence, and .queue() specifically is used to add your own function into an animation queue.

To further complicate matters animations can also trigger asynchronous callbacks when they complete. The "traditional" way of doing this was to supply a callback to the animation function, but with modern jQuery if you call .promise() on a jQuery object you get a deferred object which will be resolved when any existing animations on every element within that object are completed:

$('#id1,#id2').slideUp().promise().done(function() {
    // this will be called when the animations are complete
});