1º) ATRIBUTO - Quando você escreve o HTML, chamamos de atributo do HTML
HTML
<input type="checkbox" />
type é o atributo "checkbox" é o conteúdo
jquery pegando o atributo
$('input').attr('type'); //retorna 'checkbox'
$('input').attr('checked'); //retorna 'undefined'(porque você não
//digitou o atributo checked = "checked" no input,
//então ele não existe lá)
2º) PROPRIEDADE - Quando você chama o objeto input, encontram-se as propriedades
HTML
<input type="checkbox" />
type é o atributo "checkbox" é o conteúdo
a) Mostrando o objeto input com jquery
console.log($("input"));
quando você fizer este console verá que muitas propriedades aparecerão,
porem vou mostrar somente duas no exemplo abaixo
OBJETO
input
type : "checkbox", (type é a propriedade - "checkbox" é o valor)
checked: false (checked é a propriedade - false é o valor)
b) Jquery pegando a propriedade
$('input').prop('type'); //retorna o valor 'checkbox'
$('input').prop('checked'); //retorna o valor 'false'
RESUMO
ATRIBUTO .attr() você pega da escrita HTML <input type="checkbox" />
PROPRIEDADE .prop() você pega do OBJETO input