麻烦最基本的jQuery问题

Question

我正在努力理解为什么下面的小提琴不起作用？只是想添加一个类！

刚开始。

谢谢，请不要降级我...我知道它的基本。

HTML：

<ul>
    <li class="box">a</li>
    <li class="box">b</li>
    <li class="box">c</li>
    <li class="box">d</li>
</ul>

CSS：

li {
    height:20px;
    width:20px;
    background-color:red;
    display:inline-block;
}

li .hover {
    background-color:blue;
}

jQuery的：

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

http://jsfiddle.net/JGqAX/

Answer 1

在CSS上声明：

  

li .hover

在.hover内定位一个类li的元素，如：

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

你需要：

  

li.hover

具有班级li的元素hover。将匹配：

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

演示http://jsfiddle.net/JGqAX/1/

Answer 2

你有一个错误不是在JS中，而是在CSS中： li 和 .hover 之间的额外空间

li.hover {
    background-color:blue;
}

http://jsfiddle.net/JGqAX/2/

Answer 3

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

li.hover

选择带有li类的“hover元素”，而不是：

li .hover

选择“属于hover元素的后代li的元素”