html 태그안의 속성을 제거 또는 삭제하는 경우가 있습니다. 만약 순수 자바스크립트를 사용하면 getAttribute 또는 setAttribute를 통해 제어할 수 있겠죠. 더 간단한 방법으로 제이쿼리를 사용하는 방법은 없을까요?



# 제이쿼리에서 속성 제거하기, removeAttr()제이쿼리(jQuery)를 사용할 경우 속성을 제거하는데 매우 간단한 메소드가 존재합니다. 바로 removeAttr() 속성입니다.

만약 속성을 설정할 경우 attr() 메소드가 있으며 이 두 메소드를 사용한다면 속성을 매우 간단하게 추가하거나 제거할 수 있게됩니다. 그럼 먼저 아래의 removeAttr()을 사용하여 속성을 제거하는 방법을 알아보겠습니다.

$('선택요소').removeAttr('속성명');


속성 제거는 언제할 필요가 있을까요? 간단하게 disabled 속성을 가진 태그를 활성화 시키기 위해서 removeAttr() 속성을 사용할 수 있습니다. 그럼 간단한 예제를 통해 알아보죠.


# removeAttr()을 사용해 input 태그의 disabled 속성 제거하기아래에서 ...
<input type="text" disabled="disabled" onclick="activeEle()" />

<script type="text/javascript">
activeEle = function() {
   $(this).removeAttr('disabled');
}
</script>

반대로 disabled 속성을 추가할 경우에는 attr() 속성을 사용한다~~~

$(this).attr('disabled');