.removeClass() > JQUERY

본문 바로가기

사이트 내 전체검색

뒤로가기 JQUERY

.removeClass()

페이지 정보

작성자 관리자 작성일 21-07-19 20:12 조회 767 댓글 0

본문

요소에 class 속성을 제거한다.


실행 분류

형식

추가

 $("div").removeClass("클래스명");

콜백 함수

 $("div").removeClass(function(index, className){
     // index는 각 div 요소의 index 0,1,2
     // className 각 div의 class 속성
     return ​class 속성 // 각 div에 class 속성을 제거한다.
 });
 ................
 <div class="m1">내용1</div>

 <div class="m2">내용2</div> 

 <div class="m3">내용3</div> 




ex)

<script>

$(document).ready(function() {

$("#m1 > div").removeClass("con");

$("#m2 > div").removeClass(function() {

return "bg";

});

});

</script>


<div id="m1">

<div class="con">콘텐츠</div>

</div>

<div id="m2">

<div class="c1 bg">내용1</div>

<div class="c2 bg">내용2</div>

<div class="c3 bg">내용3</div>

</div>




[실행결과]

76f9a0a333d72d0227236b98346b6926_1626740129_5503.png
 

추천0 비추천 0

댓글목록 0

등록된 댓글이 없습니다.


Copyright © dancePKT. All rights reserved.
PC 버전으로 보기