使用javascript为div类设置悬停

我的html如下所示：

 <div class="optionClass">Option 1</div>
 <div class="optionClass">Option 2</div>
 <div class="optionClass">Option 3</div>

---

$or允许您传入选择器，以选择要应用此选项的元素。您可以像编写CSS一样编写选择器，并在调用中使用它，即

$（'.my class'）。悬停（…）

在jQuery选择器中包含类名

$（'div.optionClass'）。悬停(
函数（）{
$（this.css）({
“背景色”：“红色”
});
},
函数（）{
$（this.css）({
“背景色”：“蓝色”
});
}
);
div{
背景颜色：蓝色；
}

选项X
选择1
选择2
选项3
$（'div.optionClass'）
$('div').hover(
           function () {
              $(this).css({"background-color":"red"});
           }, 
            
           function () {
              $(this).css({"background-color":"blue"});
           }
        );