jQuery addClass / removeClass

css를 직접 수정해줘도 되지만, 그러기엔 노출도 되고, 그다지 좋은 방법은 아니라고 한다.

css를 class에 생성하고, class를 덧입히는 방식을 사용하기로 한다.

$(this).addClass("class_name");

$(this).removeClass("class_name");

상단에 hover라던지  click이라던지 조건을 주면 자연스럽게 변한다.

이런식으로 추가해준다.

$("#nav").addClass("defualt_nav_menu");
    $(function(){
        $("#nav").hover(function(){
            $(this).addClass("class_name");
        },function(){
            $(this).removeClass("class_name");
        });
    });

    $("#nav").click(function(){
        $("#nav").removeClass("class_name");
        $(this).addClass("class_name");
    });