[ jquery] addClass, removeClass, toggleClass, hasClass
2024.06.13
작성일/수정일
2024-06-13 09:34:02 / 2024-06-13 09:34:02
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 삭제