.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 |