The queue() method is an inbuilt method in jQuery which is used to show the queue of functions to be executed on the selected elements. In a queue one or more function wait for run.
- The queue() method can be used with the dequeue() method.
- An element may have several queues. Generally there is only one default jQuery queue.
Syntax:
$(selector).queue(queue_name)
Parameters: This method accepts single parameter queue_name which is optional. It is used to set the queue name.
Below example illustrates the queue() method in jQuery:
Example:
<!DOCTYPE html>
<html>
<head>
<title>The queue Method</title>
<script src=
</script>
<script>
$(document).ready(function() {
$("p").click(function() {
var div = $("div");
div.animate({
left: "+=200"
}, 2000);
div.animate({
height: 200
}, "slow");
div.animate({
width: 150
}, "slow");
div.animate({
height: 100
}, "slow");
div.animate({
width: 60
}, "slow");
div.animate({
left: "-=200",
top: "+=100"
}, 2000);
$("span").text(div.queue().length);
});
});
</script>
<style>
div {
width: 50px;
height: 50px;
position: absolute;
left: 35px;
margin-top: 10px;
background-color: green;
}
body {
width: 500px;
height: 250px;
border: 2px solid green;
padding: 20px;
}
</style>
</head>
<body>
<p>The queue length is: <span></span></p>
<div></div>
</body>
</html>
|
Output:
Before click on the paragraph element:
After click on the paragraph element:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
30 Jun, 2023
Like Article
Save Article