-
웹 개발 시 CSS스타일을 추가하거나 제거하고 변경하기 위해서는
클래스(Class)속성을 선택자로 사용하게 됩니다.
1. removeClass() 함수
- 제이쿼리의 .removeCalss()함수는 css클래스를 삭제하는 함수
- 선택된 요소에 하나 혹은 여러개의 클래스를 제거합니다.
/* 함수 사용법 */ $("요소선택").removeClass("class값")
2. addClass() 함수
- 선택된 요소에 하나 혹은 여러개의 클래스 추가합니다.
- 하지만 이미 클래스가 추가되어 있는 경우에는 새로운 Class를 중복되어 추가하지 않습니다.
3. toggleClass() 함수
- 선택된 요소에 지정한 클래스가 없으면 생성하고, 있으면 삭제
/* 함수 사용법 */ $("요소선택").toggleClass("class값")
4. hasClass() 함수
- 선택된 요소에 지정한 클래스가 있으면 true, 없으면 false를 반환
/* 함수 사용법 */ $("요소선택").hasClass("class값")
[블로그참고]
https://blog.naver.com/redcow9981/222133460533
제이쿼리 클래스 삭제하기
https://blog.naver.com/redcow9981/222131041497
제이쿼리 클래스 추가하기
https://blog.naver.com/hadaboni80/221742263573
제이쿼리 css 클래스 설정 - addclss, removeClass, toggleClass
https://blog.naver.com/gluestuck/221778118177
클래스생성 - add,remove,toggle,hasclass 메서드
반응형'코딩스터디 > jQuery' 카테고리의 다른 글
제이쿼리 효과 - Animate (0) 2021.05.25 [제이쿼리] this(), index() 예제 (0) 2021.05.22 제이쿼리 이벤트 등록 메서드 - 클릭이벤트 (0) 2021.05.22 제이쿼리 사용하기 (0) 2021.05.22 [제이쿼리] 연동 (0) 2021.05.21 댓글