jQuery attr, prop 의 차이점

selector를 활용해 선택한 속성이나 새로 추가한 속성에 대해서 새로운 속성값을 추가할 때 .attr, .prop을 사용하게 된다.

 

attr과 prop은 얼핏 사용하기엔 동일한 역할을 하는 듯이 보이나 실제로는 다른 부분이 있다.

 

jquery 공식 사이트를 참고하고 내용을 다듬어보자면 1.6버전 이전엔 별다른 차이가 없었으며 1.6버전부터는

 

attr은 최초 선언 시 속성값을 가져오며

 

prop은 변경된 값을 파악하여 가져온다.

 

prop이 attr에 비해 더 동적인 느낌이라고 보면 될 것 같다.

 

 

+추가 내용

checked의 경우

attr은 checked 그 자체를 받아오는 반면

prop은 true로 받아와서 if문 등과 같이 쓰기 더 좋다