66、jQuery中的队列与Ajax操作详解

jQuery中的队列与Ajax操作详解

1. jQuery队列机制

在jQuery中，队列机制是一种非常有用的工具，用于按顺序执行异步操作。当你使用jQuery的效果方法时，每个操作都会被添加到一个队列中，按顺序依次执行。

• 队列函数的使用 ：你可以将函数添加到队列中，通过调用 queue() 方法实现。例如：

// Fade an element in, wait, set some text in it, and animate its border
$("#message").fadeIn().delay(200).queue(function(next) {
    $(this).text("Hello  World");      // Display some text
    next();                            // Run the next item on the queue
}).animate({borderWidth: "+=10px;"});  // Grow its border

在这个例子中， fadeIn() 和 delay() 是jQuery的效果方法，它们会被添加到队列中。 queue() 方法接受一个函数作为参数，这个函数会在队列中执行。函数内部的 next() 调用是关键，它会触发队列中的下