在unhover上删除Jquery .css

Question

如何删除.css（＆＃34;背景＆＃34;，＆＃34;红色＆＃34;）;来自（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。你可以让两个一级是sub，另一个是newsub。

$(".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;
}