domingo, 20 de mayo de 2012

función data jquery


Función data Jquery


La función data(), permite almacenar datos en la memoria para después poderlos utilizar, es una tabla a la cual podemos asociar datos de ahí su parecido a un array asociativo.

La sintaxis es la siguiente...

$("#div").data("test", {elemento1: "lo que quieras", elemento2: "lo que quieras"});

Posteriormente puedes acceder a cada elemento como se puede ver a continuación ...

$("#div").html($("div").data("test").elemento1);


El siguiente es un código de ejemplo de data ...


<!-- 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('test', {uno: "<b>Test uno</b>", dos: "<i>Test dos</i>", tres: "<h1>Test tres</h1>", cuatro: "<tt>Test cuatro</tt>"});
$(":button#boton").toggle(function(){
$("#caja").html($("#caja").data("test").uno);}
,function(){
$("#caja").html($("#caja").data("test").dos);}

,function(){
$("#caja").html($("#caja").data("test").tres);}

,function(){
$("#caja").html($("#caja").data("test").cuatro);
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="DATA">
<div id="caja"></div>
</body>
</html>