简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

如何用JavaScript修改伪类样式

小云云
Lepaskan： 2017-11-29 09:42:16
asal
3326 orang telah melayarinya

我们都听说过css伪类但是并没有听说过JavaScript也有伪类，项目中时常会需要用到使用JavaScript来动态控制伪元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。

HTML

<p class="red">Hi, this is a plain-old, sad-looking paragraph 
tag.</p>
CSS
.red::before {
content: &#39;red&#39;;
color: red;
}
Salin selepas log masuk

方法一

使用JavaScript或者jQuery切换

元素的类名，修改样式。

.green::before {
content: &#39;green&#39;;
color: green;
}
$(&#39;p&#39;).removeClass(&#39;red&#39;).addClass(&#39;green&#39;);
Salin selepas log masuk

方法二

在已存在的