티스토리 뷰

jQuery

jQuery 클래스/ 속성 설정

에스파니아 2020. 3. 7. 16:59
728x90
반응형

-클래스 추가 : addClass()

함수 내용
$('선택자').addClass('클래스 이름') 클래스 추가 함수 여러개 추가할 때는 띄어 쓰기로 구분
$('선택자').addClass(function(n) {  } ); n은 선택된 요소들의 번호, 리턴된 값을 클래스로 추가

 

-클래스 삭제 : removeClass()

함수 내용
$('선택자').removeClass('클래스 이름') 클래스 삭제 함수 여러개 삭제할 때는 띄어 쓰기로 구분
$('선택자').removeClass(function(n) {  } ); n은 선택된 요소들의 번호, 리턴된 값을 클래스에서 삭제

 

-클래스 추가/삭제 : toggleClass()

-> 선택된 요소에 class가 있으면 삭제하고 없으면 추가하는 메소드

함수 내용
$('s').toggleClass('클래스 이름'); 클래스를 추가/삭제 함수 띄어쓰기로 구분
$('선택자').toggleClass('클래스 명', [function(index,curclass){}], [true|false]); treu : 추가만, false 삭제만

 

728x90

'jQuery' 카테고리의 다른 글

jQuery 속성  (0) 2020.03.07
jQuery 충돌 피하기  (0) 2020.03.07
jQuery extend 함수  (0) 2020.03.07
jQuery each 메소드  (0) 2020.03.07
jQuery 요소가 있는지 찾는 메소드  (0) 2020.03.07
댓글
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2026/01   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함