jquery - 从 jquery 之后选择类悬停

Question

我有一个名为 customtooltip 的类，在我的 CSS 中有

.customtooltip:hover::after{

// this emulates a tooltip, so it is a popup with info

}

我希望能够从 jquery 中控制它。目前我只能选择 .customtooltip 或在工具提示上使用 .hover 事件，但我希望能够将弹出窗口/工具提示重新定位到鼠标所在的位置，我相信为此我需要 jquery。

谢谢，

Answer 1

你不能； DOM 中不存在 css 伪元素，因此 JavaScript 无法访问。

您可以使用 window.getComputedStyle() 检索一些属性:

var elem = document.querySelector('.customtooltip'),
    currentTop = window.getComputedStyle(elem, ':after').top;

但是您不能设置属性。

也就是说，CSS 伪元素模块第 4 级开始于:

6. Additions to the CSS Object Model

Pseudo-elements should be reachable by script, stylable from script, and available as event targets.

Note We may extend this section in the future to allow creation of pseudo-elements from script.

因此，希望这种限制在不久的将来会有所改变。

引用资料:

• > Pseudo-Elements Module Level 4 .
• > window.getComputedStyle() .