본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - 속성 제거, removeAttr()

by zoo10 2011. 3. 11.

.removeAttr() 함수로 요소의 속성을 제거할 수 있습니다.

원문 링크 http://api.jquery.com/removeAttr/

.removeAttr( attributeName )Returns: jQuery

  • .removeAttr( attributeName )
  • attributeName 제거할 속성명

.removeAttr() 함수는 자바스크립트의 기본 함수인 .removeAttribute() 함수를 이용한 것입니다. 하지만 jQuery 객체를 바로 사용할 수 있고 크로스 브라우징이 되는 장점이 있습니다.

예 제  
버튼을 클릭하면 disable 속성이 제거되어 text 박스가 활성화 됩니다.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
  <button>Enable</button>
<input type="text" disabled="disabled" value="can't edit this" />
<script>
$("button").click(function () {
  $(this).next().removeAttr("disabled")
  .focus()
  .val("editable now");
});
</script>

</body>
</html>

미리보기

버튼을 클릭하면 텍스트 박스가 살아납니다.

 

.attr() 은 추가 .removeAttr()은 제거. 참 쉽죠 잉~~

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.