麻煩最基本的基本jQuery問題

我正在努力探索爲什麼下面的小提琴不起作用？只是想添加一個類！麻煩最基本的基本jQuery問題

剛開始。

謝謝，請不要降級我...我知道它的基本。

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');

你不需要js這個，你可以使用規則'li：hover' –

3幾乎相同的答案。：P – Scimonster

@chrisvdp但是OP並沒有試圖對'hover'做任何事情，只是添加一個名爲'hover'的類。 – DaniP

在你的CSS 「與類hover是li元素的後代元素」聲明：

li .h在

目標與.hover類內部li喜歡的元素：

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

您需要：

li.hover

的元素li與hover類。將匹配：

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

2014-01-30 19:55:30 DaniP

Grrr ...我知道這會是一件愚蠢的事......有我盯着劇本！ –

@PeteNorris：當你期待一些JS錯誤時P最常見！Bam是一個CSS錯誤。 – DaniP

這不是jQuery的，這是你的CSS選擇器，它應該是：

li.hover

其中選擇「li元素與類hover」，而不是，：

li .hover

它選擇

2014-01-30 19:55:12

您在JS有沒有錯，但是在CSS：一個額外的空間李和.hover

li.hover { 
    background-color:blue; 
}

之間

2014-01-30 19:55:40 Oleg

回答