jsで擬似要素スタイルを変更する方法

.test:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:red;
}

方法1:要素に直接</code>ラベル</h 4><pre><code><span class=「token function」>$</span><span class=「token punctuation」>(</span><span class=「token string」>'.test'</span><span class=「token punctuation」>)</span><span><span><span><span class=「token punctuation」></spanspan><span class="token function">append</span><span class="token punctuation">(</span><span class="token string">'<style>.test:after{display:none}') しかし、この方法は面倒で、あまりお勧めしませんので、できるだけjsで偽要素のスタイルを変えないで、融通して、偽要素を他のラベルに変えて、jsで動的に制御します。

方法2:クラス名を直接変更する

.change:after{
	content:'';
	display:none;
}

$('.test').addClass('change').removeClass('test')