如何删除.css（“background”，“red”）;删除jquery .css on unhover

Question

如何删除.css（“background”，“red”）;来自（A.yuimenubaritemlabel.sub）元素之后，无法链接.yuimenuitemlabel元素？

$(document).ready(function(){ 
    $(".yuimenuitemlabel").mouseover(function(){ 
    $("A.yuimenubaritemlabel.sub").css("background","red"); 
    }); 
}); 

Answer 1

您需要重置鼠标离开时的CSS属性。

$(".yuimenuitemlabel").mouseover(function(){ 
    $("A.yuimenubaritemlabel.sub").css("background","red"); 
}).mouseleave(function(){ 
    $("A.yuimenubaritemlabel.sub").css("background",""); 
}); 

使用悬停功能，如果你有做很多事情，你可以使用悬停。

$(".yuimenuitemlabel").hover(function(){ 
    $("A.yuimenubaritemlabel.sub").css("background","red"); 
}, function(){ 
    $("A.yuimenubaritemlabel.sub").css("background",""); 
}); 

使用悬停函数假设你只需要改变CSS。你可以让两个一级是子和其他是新闻组。

$(".yuimenuitemlabel").hover(function(){ 
    $("A.yuimenubaritemlabel.sub").toggleClass("newsub"); 
}); 

Answer 2

这是一个更好的做法是添加/删除类

$(document).ready(function(){ 
    $(".yuimenuitemlabel").hover(function(){ 
     $("a.yuimenubaritemlabel.sub").toggleClass('hoverclass'); 
    }); 
}); 

并使用一类具有

.hoverclass{ 
    background-color:red; 
}