jQuery Dados - Método data()

Manual de Referência de Dados jQuery

Exemplo

Adicionar dados ao elemento e recuperá-los posteriormente:

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

Experimente pessoalmente

Definição e Uso

O método data() adiciona dados ao elemento selecionado ou recupera dados do elemento selecionado.

Retornar dados do elemento

Retornar dados adicionados ao elemento selecionado.

Sintaxe

$(selector).data(name)
Parâmetros Descrição
name

Opcional. Define o nome dos dados a serem recuperados.

Se não for especificado o nome, o método retornará todos os dados armazenados no elemento na forma de um objeto.

Adicionar dados ao elemento

Adicionar dados ao elemento selecionado.

Sintaxe

$(selector).data(name,value)
Parâmetros Descrição
name Obrigatório. Define o nome dos dados a serem configurados.
value Obrigatório. Define o valor dos dados a serem configurados.

Adicionar dados ao elemento usando um objeto

Use um objeto com pares de nome/valor para adicionar dados aos elementos selecionados.

Sintaxe

$(selector).data(object)

Experimente pessoalmente

Parâmetros Descrição
object Obrigatório. Define o objeto que contém pares de nome/valor.

Manual de Referência de Dados jQuery