.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 해준다는 것을 알 수 있다.


출처


반응형

'jQuery' 카테고리의 다른 글

event.target 이벤트가 발생된 요소 찾기  (0) 2015.05.13
길이 값을 구하는 메서드들 width, innerWidth, outerWidth  (0) 2015.05.08
each와 index 의 간단설명  (0) 2015.05.04
제이쿼리 콜백함수  (0) 2015.04.28
add 메서드  (0) 2015.04.28