El método callbacks.empty() en jQuery se usa para eliminar todas las devoluciones de llamada de una lista. Devuelve el objeto Callbacks al que está adjunto.
Sintaxis:
callbacks.empty()
Parámetros: No acepta ningún parámetro.
Valor devuelto: este método devuelve el objeto Callbacks al que está adjunto.
Los siguientes ejemplos ilustran el método callbacks.empty() en jQuery:
Ejemplo 1: En este ejemplo, la función fun1 se agrega primero a la lista de devoluciones de llamada y todas las devoluciones de llamada presentes se ejecutan en la lista con un argumento dado. El método callbacks.empty() se ejecuta para vaciar la lista. Se agrega la segunda función fun2 y se vuelve a ejecutar la lista de devoluciones de llamada. Esto demuestra el vaciado de la lista después de agregar la primera función.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery callbacks.empty() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
JQuery | callbacks.empty() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="output"></p>
<script>
var output = document.getElementById("output");
var res = "";
// Initialize a callback list
var callbacks = jQuery.Callbacks();
function Geeks() {
// First function to be added to the list
var fun1 = function (val) {
res = res + "This is function 1 and" +
" value passed is " + val + "<br>";
};
// Second function to be added to the list
var fun2 = function (val) {
res = res + "This is function 2 and" +
" value passed is " + val + "<br>";
};
// Adding the first function
callbacks.add(fun1);
// Calling the first function
callbacks.fire("GFG_1");
// Clearing the callback list
callbacks.empty();
// Adding the second function
callbacks.add(fun2);
// Calling the first function
callbacks.fire("GFG_2");
output.innerHTML = res;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo proporciona un botón para vaciar la lista de devoluciones de llamada y luego agregar la función dada para ver el resultado de vaciar la lista de devoluciones de llamada.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery | callbacks.empty() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.1.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
JQuery | callbacks.empty() method
</p>
<button onclick="Geeks();">
click here
</button>
<button onclick="empty();">
empty
</button>
<p id="output"></p>
<script>
var output = document.getElementById("output");
var res = "";
// Initialize a callback list
var callbacks = jQuery.Callbacks();
function empty() {
// Clear the callback list
callbacks.empty();
}
// Function to add and fire callbacks
function Geeks() {
// Function to be added to the list
var fun1 = function (val) {
res = res + "This is function 1 and" +
" value passed is " + val + "<br>";
};
// Adding the given function
callbacks.add(fun1);
// Calling the function with value
callbacks.fire("GFG_1");
output.innerHTML = res;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA