본문 바로가기
JavaScript/Jquery

jQuery : class관련 메서드

by SyuMay 2022. 9. 5.
728x90

class관련 메서드

요소에 class 속성을 추가합니다.

실행 분류 형식
추가 $("div").addClass(클래스명);
콜백 함수 $("div").addClass(function)index, className){
//index는 각 div 요소의 0, 1, 2 //className은 각 div의
class 속성 return class 속성 // 각 div에 class 속성을 추가합니다.)}
..... <div>내용1</div>
<div>내용2</div> <div>내용3</div>

예시


removeclass()관련 메서드

요소에 class 속성을 제거합니다.

실행 분류 형식
추가 $("div").removeClass(클래스명);
콜백 함수 $("div").removeClass(function)index, className){
//index는 각 div 요소의 0, 1, 2 //className은 각 div의 class 속성
m1, m2, m3 return class 속성 // 각 div에 class 속성을 제거합니다. )}
<div class="m1>내용1</div>
<div class="m2>내용2</div>
<div class="m3>내용3</div>

예시


hasclass()관련 메서드

if문의 조건식으로 사용됩니다. 선택한 요소 클래스가 있으면 true, 없으면 false를 반환합니다.

예시

728x90
반응형

'JavaScript > Jquery' 카테고리의 다른 글

jQuery - mouseenter / movesover 차이점  (8) 2022.09.05
jQuery : 속성 관련 메서드  (5) 2022.09.05
jQuery : CSS() 메서드  (3) 2022.09.05
jQuery - 탐색 선택자  (5) 2022.09.01
jQuery - 필터 선택자  (4) 2022.09.01

댓글


자바스크립트 사진

JavaScript

자세히보기