El método remove() en JQuery solía eliminar todos los elementos seleccionados, incluido todo el texto. Este método también elimina datos y todos los eventos de los elementos seleccionados.
Sintaxis:
$(selector).remove()
Valor de Retorno: Devolverá todos los datos de los elementos seleccionados eliminados.
Ejemplo 1:
Input: $("p").remove()
Output: Output will be all the elements of the paragraph get deleted.
Código 1:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/
libs/jquery/3.3.1/jquery.min.js">
//this is JQuery CDN directed from the JQuery website
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").remove();
});
});
</script>
</head>
<body>
<div style="padding-left:220px;padding-top:100px;">
<p style="font-size:35px;">Welcome to GFG!!!.</p>
<button style="padding:15px;">Click ME</button>
</div>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón: 
También podemos buscar y eliminar elementos usando su nombre de clase con la ayuda del método remove() de JQuery . Sintaxis:
$(".class_name").remove()
Valor de retorno: devolverá toda la parte eliminada en la página con el nombre de la clase.
Ejemplo 2:
Input: $(".geek").remove()
Output: Here "gfg!!!" get deleted.
Código #2:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs
/jquery/3.3.1/jquery.min.js">
//this is JQuery CDN directed from the JQuery website
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$(".geeks").remove();
});
});
</script>
</head>
<body>
<div style="margin-left:180px; font-size:35px;padding-top:100px">
<p class="geeks">Welcome to GFG!!!.</p>
<p class="geeks">Hello, My class is geeks</p>
<button>Click ME</button>
</div>
</body>
</html>
Salida:
antes de hacer clic en el botón: 
después de hacer clic en el botón: 
excepto el botón, todo se elimina
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA