선택자에 클래스 존재 여부 확인

상황

=> 클래스가 존재하는지에 따라 분기 처리 해야할 경우가 생겼다.

 

코드

// 클래스 1개만을 확인하고 싶을때  (div태그에 btn 클래스가 있는지 확인)
if( $("div").hasClass("btn")===true ) {
	alert('존재');
}

// 클래스 여러개를 확인하고 싶을때 (div태그에 btn, wrap 태그가 모두 있는지 확인)
if( $("div").is(".btn, .wrap")===true ) {
	alert('존재');
}

 

• hasClass는 하나의 클래스명만 확인이 가능
• is는 ' , ' 구분자로 여러개의 클래스 확인 가능.  속한 것들이 모두 포함되어야 true 반환