jQuery - Método data() de Datos

Ejemplo

Añade datos al elemento y recupéralos luego:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

Prueba por ti mismo

Definición y uso

El método data() añade datos a los elementos seleccionados o recupera datos de los elementos seleccionados.

Retorna datos del elemento

Retorna datos adicionales del elemento seleccionado.

Sintaxis

$().data(name)
Parámetros Descripción
name

Opcional. Especifica el nombre de los datos a recuperar.

Si no se especifica un nombre, este método retornará todos los datos almacenados en el elemento en forma de objeto.

Añade datos al elemento

Añade datos al elemento seleccionado.

Sintaxis

$().data(name,value)
Parámetros Descripción
name Necesario. Especifica el nombre de los datos a establecer.
value Necesario. Especifica el valor de los datos a establecer.

Añade datos a los elementos usando un objeto

Usa un objeto con pares de nombre/valor para agregar datos a los elementos seleccionados.

Sintaxis

$().data(object)

Prueba por ti mismo

Parámetros Descripción
object Necesario. Especifica el objeto que contiene pares de nombre/valor.