Jquery,在悬停时改变颜色

Question

这让我疯狂了一段时间,我无法弄清楚我做错了什么.我正在尝试制作一个4x4网格并在我将鼠标悬停在其上时更改每个方格的颜色(鼠标离开后颜色保持不变)但是更改的颜色部分不起作用.这是我到目前为止:

这是我被卡住的部分

$('.square').hover(function () {
    $(this).addClass('hover');
});

Answer 1

您可以删除用于添加类悬停的jquery代码,只需在文件中进行此css更改即可

.square:hover {
    background-color: red;
}

只需在纯Css中解决您的问题.