El método queue() es un método incorporado en jQuery que se utiliza para mostrar la cola de funciones que se ejecutarán en los elementos seleccionados. En una cola, una o más funciones esperan la ejecución.
- El método queue() se puede usar con el método dequeue().
- Un elemento puede tener varias colas. En general, solo hay una cola jQuery predeterminada.
Sintaxis:
$(selector).queue(queue_name)
Parámetros: este método acepta un solo parámetro queue_name , que es opcional. Se utiliza para establecer el nombre de la cola.
El siguiente ejemplo ilustra el método queue() en jQuery:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>The queue Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<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>
<!-- click on above paragraph to show the
number of times animation method works -->
<div></div>
</body>
</html>
Salida:
Antes de hacer clic en el elemento de párrafo: 
Después de hacer clic en el elemento de párrafo:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA