Bài viết này đề cập đến Các phương thức về hàng đợi trong jQuery bao gồm
queue() clearqueue() dequeue(). Mời các bạn cùng theo dõi một trong các bài học về jQuery nhé
Các bạn đang xem bài viết thuộc bài học về Các hiệu ứng trong jQuery
Phương thức jQuery queue()
Ví dụ
Hiển thị số lượng hiệu ứng trong hàng đợi của thẻdiv()
alert("Hàng đợi có số lượng là: " + div.queue().length);
queue() hiển thị hàng đợi các hàm sẽ được thực thi trên các phần tử được chọn.Hàng đợi queue là một hoặc nhiều hàm đang chờ để chạy.
Phương thức
queue() có thể được sử dụng cùng với phương thức dequeue().Phương thức jQuery clearqueue()
Ví dụ
Dừng lại các function còn lại trong hàng đợi
$("button").click(function(){
$("div").clearQueue();
});
clearQueue() xóa tất cả các mục khỏi hàng đợi chưa được chạy. Lưu ý rằng khi một hàm đã bắt đầu chạy, nó sẽ chạy cho đến khi hoàn thành.
Mẹo: Không giống như phương thức
stop() (chỉ hoạt động với hiệu ứng animation và dừng ngay hiệu ứng đang chạy, chứ không hoàn thành hiệu ứng đang chạy như clearQueue), phương thức clearQueue() có thể loại bỏ bất kỳ hàm nào được xếp trong hàng đợi.
Phương thức jQuery dequeue()
Ví dụ
Xóa hàm tiếp theo khỏi hàng đợi, sau đó thực thi hàm:
$("div").queue(function(){
$("div").css("background-color", "red");
$("div").dequeue();
});
