[jQuery] 클릭할때마다 토글 기능 적용

클릭했을 때 on클래스가 적용되어 있으면 제거 없으면 적용

<script>
    $(document).ready(function(){
       $(".btn").click(function(){
            var $this = $(this);
            if($this.hasClass("on")==false)
                $this.addClass("on");
            else
                $this.removeClass("on");
       })
    });
</script>

 <button class="btn">버튼</button>

 

같은 동작을 toggleClass() 메서드를 이용하면 더 간단하게 처리할 수 있다.

<script>
    $(document).ready(function(){
       $(".btn").click(function(){
            var $this = $(this);
            $this.toggleClass("on");
       })
    });
</script>

 <button class="btn">버튼</button>