addClass 여러 개 추가

반응형

먼저 선행돼야 할 가장 기본인 타깃(id, name, class) 접근 방법

id 접근 $(“#id”)

$("#notifi")

class로 접근 $(“.class”)

$(".notifi")

name으로 접근 $(tag_name[name=name])

 $("input[name=notifi]")

 

특정 아이디 기준으로 설명합니다.

 

특정 아이디 클래스


클래스 추가

$("#notifi").addClass('active');

여러 클래스 추가 (스페이스(공백) 구분)

$("#notifi").addClass('active active2 active3');

변경

$("#notifi").attr('class','active');

삭제

$("#notifi").removeClass('active');

Toggle

id 'notifi'라는 태그가 'active'라는 클래스를 가지고 있다면 없어지고,

'active'라는 클래스가 없다면 'active'라는 클래스를 해당 태그에 만든다.

$("#notifi").toggleClass('active')

특정 아이디에 특정 클래스이 존재하는지 체크


id 'notifi'라는 태그의 'active'라는 클래스가 존재하는가?

3가지 방법

 

hasClass 

if($("#notifi").hasClass("active") === true) {
// Method 실행
}

is  

if($("#notifi").is(".active") === true) {
// Method 실행
}

length 

if($("#notifi.active").length) {
// Method 실행
}

 

 

반응형

+ Recent posts