通过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">

我想通过jquery

更改#progress：的属性width:50px

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

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

Answer 1

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

Answer 2

伪选择器修改，而不是选择。创建的内容纯粹是表示性的，不会注入DOM。因此，你无法做你想做的jQuery。

如需更全面的答案，请参阅How do I access style properties of pseudo-elements with jQuery?。