如何更改：before（僞元素）元素（使用jQuery）的屬性

Question

告訴我如何更改元素的屬性：before？

例如：

CSS：

.myclass:before { 
    content:    ''; 

    position:    absolute; 
    left:     40px; 
    top:     -10px; 
} 

jQuery的

myElement.addClass('myclass'); 

我想改變：

從

left: 40px 

到

left: 100px 

我怎麼能這樣做？

Answer 1

僞元素不是DOM的一部分，所以他們不能使用jQuery或Javascript進行操作。

什麼，你可以嘗試是使用jQuery

$('head').append('<style>.myclass:before{left:100px;}</style>'); 

或將我喜歡的方式是添加已在其CSS規則留下100像素其他類直接插入CSS

CSS

.myclass.active:before { 
    left: 100px; 
} 

jQuery的

$("#myElement.myclass").addClass("active"); 

Answer 2

Afaik沒有直接的方法來做到這一點。如果你真的想更新CSS規則 - 那麼你需要去瀏覽器的CSSOM interfaces。但是在大多數情況下，只需定義單獨的CSS規則就可以更容易，該規則在爲元素分配額外的CSS類時爲:before僞元素進行必要的更新。