javascript - Jquery，悬停时改变颜色

Question

这让我发疯了一段时间，我不知道自己做错了什么。我正在尝试制作一个 4x4 网格并在我将鼠标悬停在上方时更改每个方 block 的颜色(鼠标离开后颜色保持不变)但是更改颜色的部分不起作用。 这是我目前所拥有的:

Changing color on hover:

这是我卡住的部分

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

Answer 1

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

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

简单地解决了纯 Css 中的问题。

为此添加 JsFiddle http://jsfiddle.net/jjeswin/nb3dB/1/