프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[JQUERY] addClass, removeClass, toggleClass, hasClass

2021.11.16
북마크 [출처 이동]    작성자 정보
addClass 클래스 추가
$("지정요소").addClass("클래스명")


remove 클래스 삭제
$("지정요소").removeClass();
// 클래스 속성을 지우는 것이 아니라 속성값인 클래스명만을 지운다.

$("지정요소").removeClass("클래스명");
//지정요소에 클래스명과 동인한 클래스를 삭제


toggleClass (addClass, removeClass)조합 있으면제거 없으면 추가
$("지정요소").toggleClass("클래스명");



hasClass()  클래스가 있는지 확인 있으면-> true 반환
$("지정요소").hasClass("클래스명");


id가yes인곳에class로myclass가있는지없는지를확인
$( "#yes" ).hasClass( "myclass" );

​​​​​​​if ( $("#yes").hasClass("myclass") ){
console.log("있습니다.");
}
else {
console.log("없습니다.");
}


//$( "#yes" ).addClass( "myclass" ); ☞ id가 yes인 곳에 myclass 라는 class 추가
//$( "#yes" ).removeClass( "myclass" ); ☞ id가 yes인 곳에 myclass라는 class 삭제
​​​​​​​



 

이 포스트 공유하기

전체목록