prop 메서드
prop 메서드는 요소의 속성을 가져오거나
변경할 수 있습니다.
요소의 속성(property)과 특성(attribute)을 혼동하지 않는 것이 중요합니다.
DOM 트리가 생성될 때, 특성들은 해당하는 DOM 요소의 속성으로 변환됩니다.
이들의 이름과 값이 항상 일치하는 것은 아닙니다.
일부 속성은 대응하는 특성이 없을 수도 있으며,
prop 메서드를 사용할 때만 가져오거나 설정할 수 있습니다.
예를 들어, tagName 속성이 그렇습니다.
요소의 특성을 가져오려면
attr 메서드를 사용하세요.
구문
속성 값 가져오기:
$(selector).prop(propertyName);
속성 값 변경하기:
$(selector).prop(propertyName, newValue);
여러 속성 값 변경하기:
$(selector).prop({first_property: new_value, second_property: new_value, ...});
셋 내 각 요소에 함수 적용하기:
$(selector).prop(propertyName, function(index, currentPropertyValue));
예제
다음 예제에서는 id로 단락을 선택하고
해당 요소의 className 속성 값을 콘솔에 출력합니다:
<p id="test" class="aaa">text</p>
let value = $('#test').prop('className');
console.log(value);
예제
className와 disabled 속성을 동시에 변경해 봅시다:
<input type="checkbox" class="aaa" id="test" />
$("#test").prop({ className: 'bbb', disabled: 'true' });
관련 내용
-
요소의 속성을 제거할 수 있는 메서드
removeProp -
요소의 특성을 다룰 수 있는 메서드
attr
