jQuery を使用して CSS 疑似クラスを模倣するにはどうすればよいですか?

jQuery で CSS 擬似クラスを模倣する方法

CSS では、:hover のような擬似クラスは、特定の操作に基づいて要素にスタイルを動的に適用します。 jQuery を使用してこれらの効果を再現しようとすると、よくある質問が 1 つ生じます。 addClass() は静的クラスを追加できますが、関連付けられた疑似クラスはアクティブ化されません。

解決策

疑似クラスは本質的に動的であり、以下に基づいています。 DOM で明示的に表現されていない情報。これらの効果を jQuery でシミュレートするには、追加のクラスを定義し、jQuery を使用してそのクラスを要素に追加し、目的の疑似クラス効果をトリガーする必要があります。

たとえば、模倣したい場合は、 :hover pseudo-class:

.element_class_name:hover, .element_class_name.jqhover {
    /* stuff here */
}

$(this).addClass("jqhover");

.jqhover クラスを追加すると、基本的に必要な機能を「オン」にします。疑似クラスの動作。このアプローチにより、jQuery を介して動的スタイルの適用を制御できるようになり、要素の外観をより柔軟に変更できるようになります。

以上がjQuery を使用して CSS 疑似クラスを模倣するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。