.prop() - 접근자

엘리먼트 집합에 속한 첫 번째 엘리먼트의 프로퍼티를 반환한다.

.prop(propertyName)

매개변수

  ◎ propertyName : 값을 반환할 프로퍼티 이름

반환값

엘리먼트의 프로퍼티 값

설명

.prop() 메서드는 jQuery 객체 내의 첫 번째 엘리먼트의 프로퍼티 값을 반환한다. 속성값이 지정돼 있지 않으면 undefined를 반환한다. jQuery 객체의 모든 엘리먼트의 속성값을 얻으려면 .each() 메서드나 .map() 메서드를 사용해야 한다.

jQuery 1.6 버전부터는 엘리먼트의 속성(attribute)과 프로퍼티(property)를 더욱 자세하게 구분한다. 속성은 명시된 값 자체를 나타내는 것이고, 프로퍼티는 명시된 값으로 인해 어떻게 처리돼야 하는지를 나타내는 특성이라고 볼 수 있다. 이는 특정한 상황에서 중요하게 작용할 수 있다. jQuery 1.6 버전 이전에서 .attr() 메서드는 프로퍼티 값을 일관되지 않게 반환했다. jQuery 1.6 버전 이후부터 .attr() 메서드는 속성값만을 반환하고 .prop() 메서드는 프로퍼티에 명시된 값을 반환한다.

예를 들어, <input type="checkbox" checked="checked"/>와 같은 DOM 엘리먼트를 elem이라는 변수로 접근해서 두 메서드를 사용하면 다음과 같은 결과가 나타난다.

elem.checked	true(Boolean)
$(elem).prop("checked")	true(Boolean)
elem.getAttribute("checked")	"checked" (String)
$(elem).attr("checked")(1.6 버전 이후)	"checked" (String)
$(elem).attr("checked")(1.6 버전 이전)	ture(Boolean)