The dequeue() is an inbuilt method in jQuery which is used to remove the next function from the queue and then it will execute the function. In a queue there will be a several function waiting to run dequeue() used to remove the top function from the queue and execute that function.
Syntax:
$(selector).dequeue(name);
Parameter: It accepts a parameter “name” which specifies the name of the queue.
Return Value : It returns the selected element that perform the given top function.
Code #1:
In the below code, animate method is also used to demonstrate the dequeue method.
< html > < head > < style > div { margin: 15px 0 0 0 ; width: 100px; position: absolute; height: 30px; left: 10px; top: 30px; background-color: lightgreen; text-align: center; padding: 15px; } div.red { background-color: red; } </ style > </ head > < body > < div >GfG!</ div > <!-- click on this button to perform animation --> < button >Click to start !</ button > < script > $( "button" ).click(function() { <!--jQuery code to demonstrate animation with the help of dqueue method--> $( "div" ) .animate({ left:"+=500px" }, 1000 ) .animate({ top:"0px" }, 1000 ) .queue(function() { $(this).toggleClass("green").dequeue(); }) .animate({ left:"50px", top:"150px" }, 1000 ); }); </ script > </ body > </ html > |
Output:
Before clicking the “Click to start” button-
After clicking the “Click to start” button-
leave a comment
0 Comments