jQuery queue() Method

Last Updated:

jQuery queue() Method

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


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>



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

Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet

Share this Page

Meet the Author