hasClass()

hasClass() 메서드는 선택한 요소에 지정한 클래스가 있으면 true를 반환하고, 없으면 false를 반환합니다.

$("선택자").hasClass("클래스 이름");

hasClass를 사용한 side menu

//버튼(.navBtn)을 클릭하면 사이드박스(#nav) left: 0 변경
$(".navBtn").click(function(){
	// $("#nav").css({left: "0"});
	// $("#nav").addClass("open");
	// $("#nav").animate({"left":"0"},1000);
	// $("#nav").toggleClass("open");
	$("#nav").toggleClass("on");
	if( $("#nav").hasClass("on") ){
		//클래스 on이 있을 때
		$("#nav").animate({"left":"0"}, 400);
		$(".navBtn").text("Close");
	} else {
		//클래스 on이 없을 때
		$("#nav").animate({"left":"-300px"}, 400);
		$(".navBtn").text("Open");
	}
});