jquery - jQuery .css() メソッド内で疑似クラスを使用できますか?

Question

クラスとして機能する次のjQueryコードがありますが、それが:hover原因で機能しません。

$('.dd_question:hover').css('border','1px dashed #333333');

$()メソッド内で使用できる特別なコードはありますか? それとも:hover単に許可されていませんか？

Answer 1

使用しているコードが機能しない理由については他の人が既に説明していますが、もう 1 つの問題はそれを修正する方法です。おそらく、探している効果を得る最良の方法は、

.hoverborder:hover {border: 1px dashed #333333;}

CSSで、次に使用します

$('.dd_question').addClass('hoverborder');

あなたのJavaScriptで。

Answer 2

jQuery セレクターは、ユーザーが要素にカーソルを合わせたときではなく、コードが実行されたときにセレクターに一致する要素を選択します。

そのことを念頭に置いて、そのクラスを持ち、コードが実行されたときに$('.dd_question:hover')現在ホバーされていた要素のみを選択します。これは、おそらく 0 要素でした。

mouseenter および mouseleave イベント (または略して hover) を使用するか、単に css を使用する必要があります。