jquery - 根据悬停事件的 ID 和类别永久更改颜色

Question

我需要一个 jQuery 代码，以便当我将鼠标悬停在文本上时，根据 div 的类或 ID 永久更改文本的颜色。因此，当我停止将鼠标悬停在 div 上时，文本颜色保持不变。

jQuery:

$("#notam").hover(function () {
    $("#notam").addClass("fboto");
    },
    function () {
        $("#notam").addClass("fboto");
});

HTML:

<div id='bulletin'>
    <div class='notesColor1'>
        notes1
    </div>
    <div class='notesColor1'>
        notes2
    </div>
    <div class='notesColor1'>
        notes3
    </div>    
</div>

CSS:

.notesColor{
    background-color: #CEDEFF;  
}

.notesColor1{
    background-color: #ADC4ED;  
}

My JSFiddle

Answer 1

要根据下面的评论在 jQuery 中执行此操作，您所需要做的就是为鼠标悬停事件分配一个类:

 $(".notesColor1").on('mouseover', function () {
     $(this).addClass("hover");
 });

Demo Fiddle