[HTML_CSS] JQ - removeAttr() 메서드 - 1개 이상의 속성 제거 (= removeAttr메서드 = 리무브어트르 메서드 = 리무브 어트리뷰트 메세드)

1. removeAttr() 예제 - 1개 속성 제거
2. removeAttr() 정의
3. removeAttr() 구문
4. removeAttr() 예제 - 여러 속성 제거

removeAttr() 예제 - 1개 속성 제거

※ 모든 p요소의 style 속성 제거.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("button").click(function(){

    $("p").removeAttr("style");

  });

});

</script>

<h1>홈짱닷컴 Homzzang.com</h1>

<p style="color:red">코딩언어 강의</p>

<p style="color:blue">그누보드 강의</p>

<button>style 속성 제거</button>

 

결과보기

removeAttr() 정의

 

선택요소에서 하나 이상의 속성 제거.

 

---

 

1. cf.

• removeProp() 메서드 - prop() 메서드로 추가한 속성 제거.
• attr() 메서드 - 선택요소의 (속성・속성값) 설정/반환.

 

2. 예제 더 보기

https://api.jquery.com/removeAttr/

 

removeAttr() 구문

 

$(selector).removeAttr(attribute)

 

---

[매개변수]

 

attribute

필수. 제거할 1개 이상의 속성 지정.

※ 각 속성은 공백으로 구분.

 

removeAttr() 예제 - 여러 속성 제거

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("button").click(function(){

    $("p").removeAttr("id class");

  });

});

</script>

<style>

#a {color: red;}

.b {color: blue;}

</style>

<h1>홈짱닷컴 Homzzang.com</h1>

<p id="a">코딩언어 강의</p>

<p class="b">그누보드 강의</p>

<button>id/class 속성 제거</button>

 

결과보기