before：before（擬似要素）要素の変更プロパティ（jQueryを使用）

Question

要素のプロパティを変更する方法を教えてください。例えば

：

CSS：

.myclass:before { 
    content:    ''; 

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

jqueryの

myElement.addClass('myclass'); 

私は変更したい：

left: 40px 

01から

私はそれを行うことができますどのように

left: 100px 

から

？

Answer 1

疑似要素はDOMの一部ではないため、jQueryまたはJavascriptを使用して操作することはできません。

あなたが試すことができますが、直接jQueryの

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

を使用してCSSを挿入することであるか、私が好むような方法は、そのCSSルールで

CSS

を100ピクセルを残している別のクラスを追加することです

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

jQueryの

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

Answer 2

アフアイフそれをする直接的な方法はありません。 CSSルールを本当に更新したい場合は、ブラウザのCSSOM interfacesに移動する必要があります。しかし、ほとんどの場合、追加のCSSクラスを要素自体に割り当てるときには、擬似要素の更新に必要な個別のCSSルールを定義する方が簡単です。