En jQuery, para eliminar elementos y contenido, puede usar cualquiera de los siguientes dos métodos de jQuery:
Métodos:
- remove() : se utiliza para eliminar el elemento seleccionado (y sus elementos secundarios).
- vacío() : se utiliza para eliminar los elementos secundarios del elemento seleccionado.
Ejemplo-1: Uso del método jQuery remove().
<!DOCTYPE html>
<html>
<head>
<title>jQuery remove() Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks</h1>
<h2 id="GFG">
jQuery remove() Method</h2>
<br>
<button>Click</button>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#GFG").remove();
});
});
</script>
</center>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Uso del método jQuery empty().
<!DOCTYPE html>
<html>
<head>
<title>jQuery empty() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks</h1>
<h2 id="GFG"> jQuery empty() Method
</h2>
<br>
<button>Click</button>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#GFG").empty();
});
});
</script>
</center>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA