El método empty() es un método incorporado en jQuery que se usa para eliminar todos los Nodes secundarios y su contenido para los elementos seleccionados.
Sintaxis:
$(selector).empty()
Parámetro: Este método no acepta ningún parámetro.
Valor devuelto: este método devuelve el elemento seleccionado con los cambios especificados realizados por el método empty().
El siguiente ejemplo ilustra el método vacío() en jQuery:
Ejemplo:
<!DOCTYPE html> <html> <head> <title>The empty 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() { $("button").click(function() { $("body").empty(); }); }); </script> <style> div { width: 200px; height: 100px; margin: 10px; padding: 20px; background-color: lightgreen; font-weight: bold; font-size: 20px; } button { margin: 10px; } </style> </head> <body> <div> Hello ! <p>Welcome to <span>GeeksforGeeks</span>.</p> </div> <!-- click on this button to see the change --> <button>Click here..!</button> </body> </html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón, no se mostrará nada:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA