如何刪除.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; 
}