jquery - 使用 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

我建议添加和删除 CSS 类。

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

并非所有浏览器都支持 :hover 伪选择器，您可以使用 addClass() 和 removeClass() ，这将匹配 #l_ev_men CSS 上的 .hover 选择器。

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