[Js/jQuery] addClass(), removeClass(), hasClass()

/**

 *     Browser :: IE11, Chrome

 *     Desc :: Jquery Class Control

 */

CSS

    .active{color:red}

HTML

    <div>
        <div name="p_event">이벤트 텍스트</div>
        <button type="button" name="btn_event" onclick="event()">버튼</button>
    </div>

jQuery

    function event(){
        // 이벤트 텍스트 정보
        var event = $('div[name=p_event]');
        if(event.hasClass('active') == true){
            // 이벤트 텍스트에 active가 있는 경우 클래스 삭제
            event.removeClass('active');
        } else {
            // 이벤트 텍스트에 active가 없는 경우 클래스 추가
            event.addClass('active');
        }
    }

/**

 *    궁금한 점은 댓글로 남겨주세요.

 *   Please fell free to ask me any questions.

 */