Método data() da jQuery

Este é um método que eu vejo pouca gente utilizando

Com ele você pode armazenar informações no formato chave/valor nos elementos do DOM.

Veja a sintaxe:

Define um valor para a chave name
data( name, value)

Retorna o valor da chave name
data( name)

Exemplo:

Digamos que eu queira controlar a exibição de um elemento. Neste caso um div com uma mensagem.

Veja o seguinte código:

$(document).ready(function(){
	$("div#message").data("visible", true);
	$("#link").click(function(){
		if ($("div#message").data("visible")) {
			$("div#message").fadeOut();
		} else {
			$("div#message").fadeIn();
		}
		$("div#message").data("visible", !$("div#message").data("visible"));
		return false;
	});
});

Veja um exemplo aqui

É claro que existem maneiras mais elegantes de verificar se um elemento está visível ou não. Você pode usar a função is() em conjunto com o seletor :visible por exemplo. Mas este não é o foco deste post e este exemplo serve somente para mostrar o funcionamento do método data().