:hover 疑似クラスを使用せずに jQuery でホバー効果を実現するにはどうすればよいですか?

jQuery を使用した疑似クラスの適用

jQuery を使用して要素に疑似クラスを追加することは、CSS :hover 疑似クラスを使用することとは異なります。 :hover は CSS の要素上にマウスを置いたときのビューを指定しますが、jQuery でそのような疑似クラスを直接アクティブにすることは不可能です。

ホバー動作を複製するには、.jqhover などの代替クラスをスタイルシート:

.element_class_name:hover, .element_class_name.jqhover {
  /* hover styles */
}

jQuery を使用して、このクラスを要素に追加して、目的のオブジェクトをトリガーできます。 styles:

$(this).addClass("jqhover"); // Activates hover-like styles

また、スタイルシートを変更せずに、jQuery を使用して要素に .element_class_name:hover クラスを直接追加することもできます。これにより、同じ目的を達成できます:

$(this).addClass(".element_class_name:hover");

以上が:hover 疑似クラスを使用せずに jQuery でホバー効果を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。