javascript - jQuery 和伪元素

Question

我尝试动态更改在 CSS 中使用 :after 定义的元素的位置。使用这个:

$(function(){
    $('div::after').css({'top':'20px'})
})

但它不起作用。有什么方法可以改变位置吗？

Answer 1

你不能。 :after 或 :before 创建的内容不是 DOM 的一部分，因此无法选择或修改。

如果你看看这个example fiddle并在 Firebug 或类似工具中检查 DOM，您会发现伪元素不存在于 DOM 树中。

一个潜在的解决方案是将一个类应用于您要更改的元素，并在 CSS 中适本地设置该类的样式:

$("div").addClass("newClass");

参见 this fiddle for an example .