最基本的jQuery问题有问题

我正在努力弄明白为什么下面的小提琴不起作用？只是尝试添加一个类

刚开始

谢谢，请不要贬低我。。。我知道它的基本原理

HTML:

jQuery：

$('li').addClass('hover');

---

这不是jQuery，而是您的css选择器，它应该是：

li.hover

它选择“

li

元素，类为

hover

”，而不是：

li .hover

---

它在CSS上选择“类

悬停的元素，这些元素是
li
元素的后代”
，声明如下：

李，停下来

以类为
的元素为目标。将
悬停在
li
内，如：

<li>  <p class="hover">Select this element</p>  </li>

演示
您的错误不是在JS中，而是在CSS中：在li和之间有一个额外的空格。悬停

li.hover {
    background-color:blue;
}

你不需要js，你可以使用“li:hover”规则3个几乎相同的答案：P@chrisvdp但是OP并没有试图在
hover
上做任何事情，只是添加了一个名为
hover
.Grrr的类。。。我知道这会很愚蠢。。。我正盯着剧本呢@P最常见的是当你期待一些JS错误的时候！Bam是一个CSS错误。
<li>  <p class="hover">Select this element</p>  </li>

<li class="hover">Make me blue</li>

li.hover {
    background-color:blue;
}