.attr() 메서드와 .prop() 메서드

jQuery 2015. 5. 5. 15:39

728x90
반응형

.attr() 는 HTML 의 속성을 취급

.prop() 는 javascript 의 property를 취급


무엇이 다른걸까?


두개의 메서드는 취급하는 정보가 다르다.


이 두개의 메소드는 취급하는 정보가 다르다.

.attr()는HTML의 속석(attribute)을、 .prop()는 JavaScript의 프로파티(property)를 취급하는 메소드 이다.

여기에서 혼란하기 십상인것이 속성과 프로파티는 「같지만 다른것」이라는 것이다.

간단한 예로 링크의 URL 이다.





똑같이 a 태그의 href 속성을 읽어온 것인데

완전 다른결과가 나온다.

사실은 「속성」이란것은 HTML으로서 기록되어있는 속성의 내용입니다. 물론 당신이 href="http://…"라고 적었을경우는 그대로 취득할 수 있다.

한편「property」라고 하는 것은 JavaScript취급하는 하는 정보이다. 이정보는 HTML에 기록되어있는 내용과 일치한다고는 할수없다.


.attr( )은 HTML이 가지고 있는 attrbute text를 return 해준다는것을 알 수 있고,

.prop( )는 그 속성의 실제 의미하는 값을 return 해준다는 것을 알 수 있다.


출처


반응형

댓글 0