카테고리 없음
jQuery addClass / removeClass
EunsooD
2014. 10. 17. 16:12
반응형
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");
});
반응형