jQuery dequeue() Method

Last Updated:

jQuery dequeue() Method

The jQuery dequeue() method removes the next function from the queue, and then executes the function.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> div{ width: 100px; height: 100px; background-color: #f69d3c; margin-top: 10px; line-height: 6; text-align: center; } </style> </head> <body> <h1>jQuery dequeue() Method</h1> <button>queue</button> <div>div</div><script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({width: 150}, "slow"); $("div").animate({height: 150}, "slow"); $("div").queue(function(){ $("div").css("background-color", "#0066ff"); $("div").dequeue(); }); $("div").animate({width: 100}, "slow"); $("div").animate({height: 100}, "slow"); }); }); </script> </body> </html>

Syntax

$(selector).dequeue(queueName);

Parameter Values

ValueTypeExplanation
queueName Optional Specifies a string containing the name of the queue.
By Default, queue name is "fx", the standard effects queue

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
dequeue()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author