Javascript mouseenter中的AddClass在JQuery中不起作用

我遇到了这个问题，我有一个UL和一些LIs，我想让它做的是：当我在LI中输入鼠标时，添加“聚焦”类，并将其删除到上一个。下面是代码：

HTML:

CSS:

---

我希望有人能找到问题！问题是：

您只是忘了包含jQuery库

You missed to include the jQuery library

---

您只是忘记了包含jQuery库

You missed to include the jQuery library

---

您只是忘记了包含jQuery库

You missed to include the jQuery library

---

您只是忘记了包含jQuery库

You missed to include the jQuery library

演示：

演示：

演示：

演示：

使用此css：

.focusable:hover {
    background-color: gray !important;
    color: white;
}

演示：

使用此css：

.focusable:hover {
    background-color: gray !important;
    color: white;
}

演示：

使用此css：

.focusable:hover {
    background-color: gray !important;
    color: white;
}

演示：

使用此css：

.focusable:hover {
    background-color: gray !important;
    color: white;
}

---

演示：

哦！谢谢，小姐！：啊！谢谢，小姐！：啊！谢谢，小姐！：啊！谢谢，小姐！：汉克斯！我在JSFIDLE很忙…：汉克斯！我在JSFIDLE很忙…：汉克斯！我在JSFIDLE很忙…：汉克斯！我在JSFIDLE很忙…：使用JS实现简单的悬停效果是不明智的。改用CSS基于事件的选择器。使用JS实现普通悬停效果是不明智的。改用CSS基于事件的选择器。使用JS实现普通悬停效果是不明智的。改用CSS基于事件的选择器。使用JS实现普通悬停效果是不明智的。使用基于CSS事件的选择器。是的，这是可以的，但我希望它能做到这一点。重点是背景色：灰色；是的，这是可以的，但我希望它做的是，重点是背景色：灰色；是的，这是可以的，但我希望它做的是，重点是背景色：灰色；是的，这是可以的，但我希望它做的是，重点是背景色：灰色；