如何使用 jQuery 模擬 CSS 偽類？

如何使用 jQuery 模仿 CSS 偽類

在 CSS 中，像 :hover 這樣的偽類會根據特定的交互動態地將樣式應用於元素。當嘗試使用 jQuery 複製這些效果時，會出現一個常見問題。雖然 addClass() 可以添加靜態類，但它不會啟動關聯的偽類。

解

偽類本質上是動態的，並且基於DOM 中未明確表達的資訊。要在 jQuery 中模擬這些效果，您需要定義一個附加類，然後使用 jQuery 將該類別新增至元素中，從而觸發所需的偽類效果。

例如，如果您想模仿:hover 偽類：

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

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

透過新增 .jqhover 類，您實際上「開啟」了所需的偽類行為。這種方法可讓您透過 jQuery 控制動態樣式的應用，為修改元素外觀提供更大的靈活性。

以上是如何使用 jQuery 模擬 CSS 偽類？的詳細內容。更多資訊請關注PHP中文網其他相關文章！