jquery 动态修改::before属性

要动态修改CSS伪元素(::before或::after)的样式，可以使用jQuery的css()方法，但需要注意以下几点：

1. 伪元素的样式无法直接通过css()方法修改，需要通过添加或移除样式类来实现。

2. 伪元素的样式需要使用content属性来设置。

以下是一个示例代码，假设我们需要将一个元素的伪元素的背景色改为红色：

HTML代码：

<div id="myDiv">Hello World</div>

CSS代码：

#myDiv::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: blue;
}

jQuery代码：

$("#myDiv").addClass("red-before");

// 添加一个样式类，用于设置伪元素的样式
.red-before::before {
  background-color: red !important;
}

在上面的代码中，我们首先使用addClass()方法给元素添加了一个名为"red-before"的样式类，在这个样式类中，我们使用!important关键字来强制覆盖原有的背景色设置，以确保伪元素的背景色被修改为红色。