jQuery 是一个轻量级的 JaScript 库，它大大简化了与 HTML DOM 的交互。使用 jQuery，我们可以轻松地为元素动态添加、修改或删除样式。这在创建交互式和用户友好的 Web 应用程序中非常有用。

用 jQuery 为元素动态添加样式用 jQuery 为元素动态添加样式


用 jQuery 为元素动态添加样式


使用 jQuery 添加样式

要使用 jQuery 为元素添加样式，我们可以使用 `addClass()` 方法。该方法接受一个或多个 CSS 类名作为参数，并将其添加到元素的 `class` 属性。例如，以下代码为具有 ID 为 "my-element" 的元素添加 "active" 类：

```jascript $("my-element").addClass("active"); ```

使用 jQuery 修改样式

要修改元素的样式，我们可以使用 `css()` 方法。该方法接受一个或多个 CSS 属性-值对作为参数，并将其应用于元素。例如，以下代码将具有 ID 为 "my-element" 的元素的背景颜色更改为红色：

```jascript $("my-element").css("background-color", "red"); ```

使用 jQuery 删除样式

要从元素中删除样式，我们可以使用 `removeClass()` 方法。该方法接受一个或多个 CSS 类名作为参数，并将其从元素的 `class` 属性中删除。例如，以下代码从具有 ID 为 "my-element" 的元素中删除 "active" 类：

```jascript $("my-element").removeClass("active"); ```

示例：交互式按钮

我们可以使用 jQuery 来创建交互式元素，这些元素在鼠标悬停或单击时更改样式。例如，我们可以创建一个按钮，当悬停时它会变成蓝色，当单击时它会变成绿色：

```html

```

结论