• 회원가입
  • 로그인

[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>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012