JQuery로 기본 색으로 돌아 가기

Question

나는 mouseenter() 함수를 사용하여 드롭 다운 메뉴를 가지고 있습니다. 마우스가 선택 도구의 영역으로 들어가면 배경색이 노란색으로 돌아갑니다. 그러나 셀렉터의 영역에서 나가면 mouseleave() 기능을 사용하지 않고 셀렉터 영역의 기본 색상을 설정하고 싶습니다.

어떻게 해결할 수 있습니까?

$(document).ready(function(){ 
    $("#l_ev_men").mouseenter(function(){ 
     $(this).css("background-color","yellow"); 
     $(this).css("color","black"); 
    }); 

    $("#l_ev_men").mouseleave(function(){ // ı dont want to use this function 
    }); 
}); 

Answer 1

일반적으로 toggleClass()을 사용하여 클래스를 변경하는 것이 좋습니다. 심지어 더 나은, 그냥 :hover CSS psuedo 클래스를 사용하여 jquery 없이도 간단한 작업을 수행 할 수 있습니다.

.hoverable:hover { 
    background-color:yellow; 
    color:black; 
} 

다음 :

<li class="hoverable <otherstuff>">...</li>... 

또는

<td class="hoverable <otherstuff>">...</td>... 

Answer 2

CSS 클래스를 추가하고 제거하는 것이 좋습니다.

#l_ev_men:hover, #l_ev_men.hover { 
    color: black; 
    background-color: yellow;  
} 

는 모든 브라우저가 지원이 : 의사 선택기를 가져, 당신은 addClass() 및 removeClass()는, 이것은 CSS에 #l_ev_men.hover 선택 일치합니다 사용할 수 있습니다.

$("#l_ev_men").hover(
    function in(){ 
     $(this).addClass("hover"); 
    }, 
    function out(){ 
     $(this).removeClass("hover"); 
    } 
);