jquery - 通过 Jquery 更改伪属性？

Question

我有样式表：

#progress
{
    width:100px;
    height:8px;
    background-color:#CCCCCC;
    position:relative;
}
#progress:before
{
    content:"";
    position:absolute;
    left:0;
    background-color:#0066CC;
    width:50px;
    height:8px;
}

HTML 内容

<div id="progress">

我想width:50px通过 jquery 更改#progress:before的属性

$('#progress:before').css('width',60);

但它不起作用。谁能帮我。我英语不好，谢谢！

Answer 1

伪元素本身不是 DOM 的一部分，因此您不能直接使用 jQuery（或任何 JavaScript API，甚至选择器 API）来选择和操作它们。你正在做的事情是不可能的:)

Answer 2

伪选择器修改，而不是选择。创建的内容纯粹是展示性的，不会注入到 DOM 中。因此，你不能用 jQuery 做你想做的事。

有关更全面的答案，请参阅如何使用 jQuery 访问伪元素的样式属性？.