코드랩 레퍼런스
.removeAttr() 본문
.removeAttr() 메서드는 HTML 요소에서 하나 이상의 속성을 제거합니다.
Definition
- .removeAttr() 메서드는 선택한 요소에서 하나 이상의 속성을 제거합니다.
Syntax
$(selector).removeAttr(속성);
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .removeAttr() |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>제이쿼리(jQuery) : attr()</title>
</head>
<body>
<img class="img" src="https://tistory1.daumcdn.net/tistory/2141493/skin/images/sam1.png" alt="이미지" width="100" height="100"><br><br>
<button class="btn1">alt</button>
<button class="btn2">width</button>
<button class="btn3">height</button>
<button class="btn4">src</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(".btn1").click(function(){
$(".img").removeAttr("alt");
});
$(".btn2").click(function(){
$(".img").removeAttr("width");
});
$(".btn3").click(function(){
$(".img").removeAttr("height");
});
$(".btn4").click(function(){
$(".img").removeAttr("src");
});
</script>
</body>
</html>
Ad
Comments