將hover.css中的類添加到jQuery中是否是一個好習慣？

我有一個項目，我必須在html中添加懸停效果。它是一個很好的做法與jQuery addClass（）方法來做到這一點，或者它做的更好，以手動將其遍佈HTML將hover.css中的類添加到jQuery中是否是一個好習慣？

爲什麼在js中當你可以在css中做到這一點？ – guradio

有些情況下jQuery可能是更好的選擇。但總的來說，我會同意，* CSS首先*。 – eisbehr

css可以單獨使用 – Beginner

一般情況下，你會更喜歡使用CSS像這樣的而不是JavaScript的簡單的效果時，你可以。

在一些特定情況下，JS可能會更好，但這取決於你的情況和你的代碼的狀態。

從我看到的，我想你會更好地創建一個CSS類，並將其應用於您的HTML代碼。不要爲此寫JS代碼。

2016-09-16 09:14:07 Mistalis

一般來說，我同意。但是，你怎麼能說*但在這裏，我建議你創建一個CSS類，並應用*不知道它的代碼和用例？你只是在猜測。 – eisbehr

我想這是一個普遍的答案，因爲我們無法訪問他的代碼......也許我有點猜測; P – Mistalis

但是你同意我的觀點，我們並不確定。所以不要回答你不認識的事情。 :) – eisbehr

「我使用的CSS庫hover.css，它使用現成的類。我有很多在我的html在那裏我有你使用這些hover.css類（我來補充他們在HTML）的地方。「

從您的評論來看，如果大家都知道，懸停狀態可以通過添加到CSS的元素，而無需實際改變類（甚至加入他們的話）我不知道。

您可以使用CSS :hover pseudo-class在用戶將鼠標懸停在其上時更改元素的樣式。

CSS

a { 
    color: red; 
} 
a:hover { 
    color: blue; 
}

在這個例子中，所有<a>標籤將被默認爲紅色，當你將鼠標懸停在他們，他們會變成藍色。

您可以使用相同的僞類與任何其他普通類：

.my-class { 
    color: pink; 
} 
.my-class:hover { 
    color: green; 
}

任何元素與類my-class然後將粉紅色的，當你徘徊，他們會變成綠色。

<p class="my-class">Hover over me to turn me green</p>

使用此方法，完全沒有必要使用jQuery在元素上切換類以提供懸停狀態。我想可能有一些罕見的情況，你可能會因爲某種原因想要這樣做，但我懷疑你不需要。

2016-09-16 09:26:41 BadHorsie

回答