如何使用偽類和jQuery 實現懸停效果
使用樣式表時,像:hover 這樣的CSS 偽類允許您應用特定的當滑鼠懸停在元素上時為元素設定樣式。然而,在 jQuery 中,無法直接操作這些動態偽類。
解決方案:新增具有類似樣式的自訂類別
使用以下命令來模擬懸停效果jQuery,建立一個自訂類別來複製CSS 中定義的樣式:hover規則:
.element_class_name:hover, .element_class_name.jqhover { /* stuff here */ }
然後,不使用:hover,而是使用jQuery 將jqhover 類別新增至目標元素:
$(this).addClass("jqhover");
這種方法允許您利用jQuery 類別操作功能同時保持懸停事件所需的樣式行為。
以上是如何使用 jQuery 模擬 CSS 懸停效果?的詳細內容。更多資訊請關注PHP中文網其他相關文章!