onmouseout - 恢复为css类颜色

Question

这可能是一个非常明显的问题,我只是坚持了一段时间,在网上找不到任何东西.现在我有以下(非常简单)的html div:

<div class="unselected"
     onmouseover="this.style.backgroundColor='yellow'"
     onmouseout="this.style.backgroundColor='??' >

在我的webapp中,我动态更改div的类(在selected和unselected之间更改div的背景颜色).有没有办法将onmouseout backgroundColor更改为类的默认背景颜色(如样式表中所定义)？

换句话说,我正在寻找类似的东西

onmouseout="this.style.backgroundColor=this.class.default-background-color

这可能吗？对于每个站点来说这几乎是必要的(除非他们想要在两个地方而不仅仅是样式表中更改颜色),但是没有在线指南似乎可以解决它.

非常感谢!

Answer 1

你应该使用一种不引人注目的方式,添加和删除一个css类:

CSS:

.yellow {
    background-color: yellow !important;
}

$(function() {
    $('div.unselected').hover(function() {
        $(this).addClass('yellow');
    }, function() {
        $(this).removeClass('yellow');
    });
});