Ejemplo Remove / Empty Jquery
En Jquery utilizando el remove o empty podemos eliminar o dejar vació
cualquier elemento que forme parte de la pagina web ejecutando el
remove/empty junto al id/clase del elemento deaseado, asi:
remove () - Elimina el elemento seleccionado
empty () - limpia el elemento selecionado Eliminando los elementos secundarios del elemento seleccionado
a continuacion mostrare un ejemplo utilizando limpiesa.
Ejemplo Remove / Empty Jquery
En este ejemplo puedes ver como con el remove borramos especificamente la imagen
mientras que con el empty vaciamos por completo el div texto utilizando las opciones
que nos da jquery.
aqui el codigo:
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
cualquier elemento que forme parte de la pagina web ejecutando el
remove/empty junto al id/clase del elemento deaseado, asi:
remove () - Elimina el elemento seleccionado
empty () - limpia el elemento selecionado Eliminando los elementos secundarios del elemento seleccionado
a continuacion mostrare un ejemplo utilizando limpiesa.
Ejemplo Remove / Empty Jquery
En este ejemplo puedes ver como con el remove borramos especificamente la imagen
mientras que con el empty vaciamos por completo el div texto utilizando las opciones
que nos da jquery.
aqui el codigo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>appletenhtml get jquery</title>
<script src="jquery-1.11.2.js"></script>
</head>
<body>
<article>
<section>
<h1>Imagen:</h1>
<img src="img.png" alt="" id="imagen" />
<button id="boton1">Remover</button>
</section>
<section>
<div id="dv">
<table>tabla
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</table>
<aside>aside
<div>div
<footer><a href="">txt 01 </a>|<a href="">txt 02</a>|
<a href="">txt 03 </a>|<a href="">txt 04</a>
<a href="">txt 05 </a>
</footer>
</div>
</aside>
</div>
<button id="boton2">Vaciar</button>
</section>
</article>
<script>
$(document).ready(function(){
$("#boton1").click(function(){
//removiendo imagen
$("#imagen").remove();
});
$("#boton2").click(function(){
//vaciando dv
$("#dv").empty();
});
});
</script>
</body>
</html>
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
Descargar ejemplo: example get jquery
Comentarios
Publicar un comentario