jquery 队列 jQuery 参考手册 - 队列控制

jquery 队列

jQuery 队列是 jQuery 中一个重要的功能，它可以帮助我们更好地管理和控制 JavaScript 代码的执行顺序。它可以让我们将多个函数放入一个队列中，并依次执行，这样就可以避免因为代码执行顺序不正确而导致的问题。

jQuery 队列有两种形式：同步队列和异步队列。同步队列中的函数会按照先进先出的原则依次执行；而异步队列中的函数会在上一个函数执行完成之后立即执行。

// 向 jQuery 队列中添加函数
$('#myElement').queue(function(){ 
    // 这里是要执行的代码 
}); 

jQuery 队列还可以用来处理动画：当我们想要在一个元素上连续执行多个动画时（例如向左平移、旋转、再向右平移），就可以使用 jQuery 队列来实现。

 
// 向 jQuery 队列中添加动画 
$('#myElement').animate({left: '+=50'}, 500).queue(function(){ 

    $(this).animate({rotate: '+=90'}, 500).dequeue(); // 执行旋转动画 

    }).animate({left: '-=50'}, 500); // 执行最后一个平移动画  

jQuery 队列也可以使用 dequeue() 方法来立即执行当前函数；使用 clearQueue() 方法来清除当前队列中未执行的函数。

jQuery 参考手册 - 队列控制