hasClass()

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

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

// 버튼을 클릭하면 사이드박스를 left:0으로 변경

$(".navBtn").click(function(){
        $("#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")
        }
})

Last updated

Was this helpful?