jQueryでhover.cssのクラスを追加するのは良い方法ですか？

Question

私はhtmlでホバー効果を追加する必要があるプロジェクトを持っています。 jQueryのaddClass（）メソッドでこれを行うには良い方法ですかそれはあなたの代わりにはJavaScriptのこのような単純な効果のためCSSを使用することを好むだろう、

Answer 1

一般的に手動ですべてのHTML上でそれをやる方が良いときにすることができ。

の特定のケースの場合、JSはより良いかもしれませんが、状況やコードの状態によって異なります。

---

私の知るところでは、CSSクラスを作成してHTMLコード全体に適用する方がよいでしょう。そのためにJSコードを記述しないでください。

Answer 2

「私は準備ができてクラスを使用するCSSライブラリhover.cssを、使用しています。私は私はあなたがこれらのhover.cssのクラス（私はHTMLでそれらを追加する必要があります）を使用する必要があり、私の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を使用して、要素のクラスを切り替えるだけで、ホバー状態にすることができます。あなたが何らかの理由でそれをしたいと思うかもしれないいくつかの希なケースがあるかもしれないと思うが、あなたはそうする必要はないと思う。