메뉴 건너뛰기

조회 수 389 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

▤ 클래스 추가 [addClass]

$(this).addClass('className'); // 클래스에 className  추가(기존 클래스 존재)

$(this).addClass('className1 className2');

 

▤ 클래스 삭제 [removeClass]

 

$(this).removeClass('className'); // 클래스에 className 이 삭제(다른 클래스 그대로)

$(this).removeClass('className1 className2'); 

 

 

▤ 클래스 변경 [attr]

$(this).attr('class','className'); // 클래스 이름이 className로 변경(기존 클래스 사라짐)

 

▤ 클래스 토글 [toggleClass]

$('#subject').click(function(){

$(this).toggleClass('className');

}

// 클래스 이름이 생겼다 사라지다를 반복

 

//※비슷하게 쓰이는 함수로 toggle() 이 있다.

 

$(this).toggle(); // display: none; <-> display: block;

 

 

▤ 클래스명 확인 [hasClass]

$(this).hasClass('className'); // 특정 클래스 포함 여부를 확인

$(this).hasClass('className1 clsssName2'); 

 


List of Articles
번호 제목 날짜 조회 수
179 행에 징검다리 스타일 입히기 (:odd, :even) 2021.03.31 340
» 제이쿼리에서 클래스(class) 이름 추가/삭제 2021.03.31 389
177 click event scroll 2021.03.31 972
176 click에 따른 마우스 휠 on off 2021.03.31 458
175 다중 select 2021.03.31 481
174 draggable - div 드래그 2021.03.31 426
173 parent of the iframe element selector 2021.03.31 496
172 prepend / append - element 추가 (부모/자식 관계) 2021.03.31 388
171 before / after / insertBefore / insertAfter - element 추가 (동등 관계) 2021.03.31 308
170 마우스 좌표 얻기 2021.03.31 425
169 간단한 마우스 포인터 따라 다니기 2021.03.26 755
168 change 전의 값을 가져오기 2021.03.26 413
167 focus() 로 오브젝트 옮기기 2021.03.26 327
166 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기 2021.03.26 3939
165 SELECTBOX MULTIPLE 검색하기 2021.03.26 738
164 easing - 효과의 진행 속도 file 2021.03.26 314
163 fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환 2021.03.26 453
162 정규식, 한글 못쓰게 하기, replace all 2021.03.26 997
161 input checkbox 모두 체크하기 2021.03.26 329
160 attr() - style의 특정 속성만 바꾸기 2021.03.26 1317
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved