miércoles, 23 de mayo de 2012

La función removeData() de Jquery


La función removeData() de Jquery
La función removeData() tiene la función de eliminar los datos creados a partir de la función data(), la función data() almacena en la memoria información que en cualquier momento puede ser utilizada.

En el siguiente ejemplo crearemos dos elementos a partir de la función data(), al hacer click sobre el botón data() veremos que contiene dos datos, "uno" y "dos", al hacer click sobre el botón removeData() eliminaremos el segundo dato y volveremos a hacer click en el botón data(), para comprobar que realmente ya sólo nos queda un dato, el dato "uno".

el código de este ejemplo es el siguiente ...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$("#caja").data('test1', "<b style='font-size: 30px;'>uno</b>");
$("#caja").data('test2', "<b style='font-size: 30px;'>dos</b>");
$(":button#boton").toggle(function(){
$("#caja").html($("#caja").data("test1"));}
,function(){
$("#caja").html($("#caja").data("test2"));
});
$(":button#remove").click(function(){
$("#caja").removeData("test2");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="data()">
<input type="button" id="remove" value="removeData()">
<div id="caja">
</div>
</body>
</html>