如何在不使用 :hover 伪类的情况下在 jQuery 中实现悬停效果？

Patricia Arquette

发布： 2024-11-27 00:42:09

原创

769 人浏览过

How can I achieve hover effects in jQuery without using the :hover pseudo class?

使用 jQuery 应用伪类

使用 jQuery 向元素添加伪类与使用 CSS :hover 伪类不同。虽然 :hover 指定鼠标悬停在 CSS 中的元素上时的视图，但无法使用 jQuery 直接激活此类伪类。

要复制悬停行为，可以在中定义替代类，例如 .jqhover stylesheet:

.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中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章