.removeAttr() 함수로 요소의 속성을 제거할 수 있습니다.
원문 링크 http://api.jquery.com/removeAttr/
- .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 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
jQuery API 정복 - 선택요소 확장하기, add() (2) | 2011.03.21 |
---|---|
jQuery API 정복 - 폼의 value 가져오기, val() (4) | 2011.03.17 |
jQuery API 정복 - 클래스 토글하기, toggleClass (5) | 2011.03.15 |
jQuery API 정복 - 클래스 제거, removeClass() (2) | 2011.03.14 |
jquery API 정복 - innerHTML 과 같은 표현, html() (10) | 2011.03.10 |
jQuery API 정복 - 클래스가 있나 찾기, hasClass() (5) | 2011.03.03 |
jQuery API 정복 - attr(), 속성을 제어하기 (2) | 2011.02.25 |
jQuery API 정복 - addClass(), 클래스 추가하기 (5) | 2011.02.25 |