El dequeue() es un método incorporado en jQuery que se usa para eliminar la siguiente función de la cola y luego ejecutará la función. En una cola, habrá varias funciones esperando para ejecutar dequeue() que se utilizan para eliminar la función superior de la cola y ejecutar esa función.
Sintaxis:
$(selector).dequeue(name);
Parámetro: Acepta un parámetro “nombre” que especifica el nombre de la cola.
Valor devuelto: Devuelve el elemento seleccionado que realiza la función superior dada.
código jQuery para mostrar el funcionamiento de esta función:
Código n.º 1: en el siguiente código, el método de animación también se usa para demostrar el método de eliminación de cola.
html
<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>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</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 dequeue 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>
Salida: antes de hacer clic en el botón «Hacer clic para comenzar»-
Después de hacer clic en el botón «Hacer clic para comenzar»-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA