attr()과 prop()의 차이

attr()	prop()
HTML의 속성(attribute)을 취급	JavaScript의 프로퍼티(property)를 취급
속성은 HTML Element에 있는 정보	프로퍼티는 JavaScript에서 사용하는 정보

예제1)

버튼

var $goLink = $('.link');

console.log($goLink.attr('href'));
// #none 출력

console.log($goLink.prop('href'));
//http://localhost:63342/Project/srcFactory/test.html#none

예제2)

var $checkbox = $('#chk');

console.log($checkbox.attr('checked')); //checked

console.log($checkbox.prop('checked')); //true

attr() 사용시

: HTML attribute 값이 모두 String으로 넘어옴

prop() 사용시

: 자바스크립트의 프로퍼티 값이 넘어오기 때문에 boolean, date, function 등도 가져올 수 있음

참고 : http://webclub.tistory.com/118?category=500543