[jQuery] .attr() .prop() 차이점

Attribute는 HTML 텍스트 문서에 있는 것

Property는 HTML DOM에 있는 것 

 

.attr()은 jQuery 1.6 이후 .attr()와 .prop()로 분리 되었다.

 

.attr() : HTML 속성(attribute)을 취급

속성 값이 string으로 넘어온다.

 

.prop(): javascript 프로퍼티(property)를 취급

boolean, data, function등을 가져 올 수 있다.

 

체크박스 체크 

$("#id).attr("checked") : 문자열 값인 checked 반환 

$("#id).prop("checked") : boolean true 반환 

.attr('checked', 'checked')  /  .prop('checked', true)

 

체크 박스 해제

$("#id).attr("checked") - return checked

$("#id).prop("checked") - return false

 .removeAttr('checked')  / .prop('checked', false)

 

HTML에 관련 된것은 .attr()  / Javascript와 관련된 것은 .prop() 

 

 

http://api.jquery.com/prop/