jQuery queue() Method

Last Updated:

jQuery queue() Method

The jQuery queue() method shows the queue of functions to be executed on the matched elements.

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: #f69d3c; margin-top: 10px; line-height: 6; text-align: center; } </style> </head> <body> <h1>jQuery queue() 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").animate({width: 100}, "slow"); $("div").animate({height: 100}, "slow"); $("#point").text($("div").queue().length); }); }); </script> </body> </html>

Syntax

$(selector).queue(queueName);

Parameter Values

Value Type Explanation
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
queue()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author