removeProp 메서드
removeProp 메서드는
요소의 속성을 제거합니다.
참고: 이 메서드는 인위적으로 도입된 속성을 제거하는 데 사용하십시오.
요소의 네이티브 속성(즉,
요소의 원래, 고유한 속성)을 제거하는 것은 피해야 합니다.
이는 브라우저 작동 오류를 일으킬 수 있습니다.
특히, checked
및 disabled와 같은 속성을 제거하기 위해 removeProp를
사용하지 마십시오. 이러한 속성이
input 요소에 없을 때, 이들의 동명의 프로퍼티는
존재하지 않게 되며, 단순히
false 값을 갖게 됩니다. 따라서, 이들
프로퍼티를 비활성화하려면
prop 메서드를 사용하여
이들을 false로 설정해야 합니다.
문법
$(selector).removeProp(propertyName);
예시
단락에 값이
aaa인 text 속성을 설정하고
그 값을 단락 텍스트에 출력해 봅시다:
<p></p>
elem = $('p');
elem.prop('text', 'aaa').html(elem.prop('text'));
HTML 코드는 이렇게 될 것입니다:
<p>aaa</p>
이제 이 속성을 제거해 봅시다:
<p></p>
elem = $('p');
elem
.prop('text', 'aaa')
.html(elem.prop('text'))
.removeProp('text')
.html(elem.prop('text'));
함께 보기
-
prop메서드,
요소의 속성을 다룰 수 있게 합니다 -
removeAttr메서드,
요소의 속성을 제거할 수 있게 합니다 -
attr메서드,
요소의 속성을 다룰 수 있게 합니다