[jQuery] Class 관련 함수,문법 총 정리

먼저 선행돼야 할 가장 기본인 주타깃(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 실행
}