.click() de jQuery adjunta un evento de clic a elementos seleccionados o lo desencadena, manejando eventos de forma compatible con todos los navegadores.
Leer másMétodos.
Métodos.
El método .removeData() de jQuery se utiliza para eliminar datos previamente almacenados en un elemento mediante el método .data(). Este método es útil cuando ya no se necesita la información almacenada en un elemento y se desea limpiar los datos asociados.
Definición:
El método .removeData() elimina los datos almacenados en el elemento especificado.
Sintaxis:
index.js
JavaScript
$(selector).removeData(name);name(opcional): El nombre del dato a eliminar. Si se omite, se eliminarán todos los datos almacenados en el elemento.
Ejemplo:
index.html
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplo de .removeData() en jQuery</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#almacenarDatoBtn").click(function(){
$("#elemento").data("info", "Este es un dato almacenado.");
alert("Dato almacenado.");
});
$("#mostrarDatoBtn").click(function(){
var info = $("#elemento").data("info");
alert("Dato almacenado: " + info);
});
$("#eliminarDatoBtn").click(function(){
$("#elemento").removeData("info");
alert("Dato eliminado.");
});
$("#verificarDatoBtn").click(function(){
var info = $("#elemento").data("info");
alert("Dato almacenado después de eliminar: " + info);
});
});
</script>
</head>
<body>
<h1>Ejemplo de .removeData()</h1>
<div id="elemento">Elemento para almacenar datos</div>
<button id="almacenarDatoBtn">Almacenar Dato</button>
<button id="mostrarDatoBtn">Mostrar Dato Almacenado</button>
<button id="eliminarDatoBtn">Eliminar Dato</button>
<button id="verificarDatoBtn">Verificar Dato Eliminado</button>
</body>
</html>
index.js
JavaScript
$("#elemento").removeData("info");Explicación del Ejemplo:
- Al hacer clic en “Almacenar Dato”, se almacena un dato en el elemento con id
elemento. - Al hacer clic en “Mostrar Dato Almacenado”, se muestra el dato almacenado.
- Al hacer clic en “Eliminar Dato”, se elimina el dato almacenado en el elemento.
- Al hacer clic en “Verificar Dato Eliminado”, se verifica si el dato ha sido eliminado correctamente.
Resultado.
Elemento para almacenar datos
