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 |
댓글