jQuery에서 단일 속성 변경하기
요소의 속성(property)과 어트리뷰트(attribute)를 혼동하지 않는 것이 중요합니다. DOM 트리가 생성될 때, 어트리뷰트는 요소의 해당 DOM 속성으로 변환됩니다. 이들의 이름과 값이 항상 일치하는 것은 아닙니다.
일부 속성은 이에 대응하는 어트리뷰트가 없을 수 있습니다.
이러한 경우에는 prop 메서드를 사용해야 하며,
이 메서드는 첫 번째 매개변수로 속성 이름을,
두 번째 매개변수로 true 또는 false를 받습니다.
true를 설정하면 속성이 활성화되고,
false를 설정하면 제거됩니다.
다음 예제를 살펴보겠습니다. 다음과 같은 입력 필드가 있다고 가정해 봅시다:
<input type="text" id="test">
입력 필드에 disabled 어트리뷰트를 설정해 보겠습니다:
$('#test').prop('disabled', true);
HTML 코드는 다음과 같이 표시될 것입니다:
<input type="text" id="test" disabled>
이번에는 반대로 disabled를 제거해 보겠습니다:
$('#test').prop('disabled', false);
HTML 코드는 다음과 같이 표시될 것입니다:
<input type="text" id="test">
