.att() vs .data()

Diferenças entre o uso do método .attr() e o método .data()

by mgibsonbr

HTML

<input value="foo">
<button>Teste</button>

JavaScript

function imprimir() {
    console.log($("input").attr("value"));
    console.log($("input").prop("value"));
    console.log(' ');
}

imprimir();

$("input").prop("value", "propriedade");
imprimir();

$("input").attr("value", "atributo");
imprimir();

$("button").click(imprimir);