JavaScript实现伪类样式

时间：2026-04-23 00:37:25

1、HTML

<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.

CSS

JavaScript实现伪类样式

2、方法一

使用JavaScript或者jQuery切换元素的类名，修改样式。

JavaScript实现伪类样式

3、方法二

在已存在的<style>中动态插入新样式。

JavaScript实现伪类样式

4、方法三

创建一份新的样式表，并使用JavaScript或jQuery将其插入到<head>中

JavaScript实现伪类样式

5、jQuery

JavaScript实现伪类样式

6、方法四

使用HTML5的data-属性，在属性中使用attr()动态修改。

JavaScript实现伪类样式