深入理解jQuery的样式应用技巧：为多个元素添加class样式

今天我们将深入jQuery中如何为多个不同的HTML元素添加class样式。这是一种非常实用的技巧，可以帮助我们更高效地管理和控制页面元素的样式。让我们来深入理解一下这个过程。

让我们通过一个简单的HTML页面来展示如何使用jQuery的addClass()方法。在这个例子中，我们有一个按钮和一些不同的HTML元素（如标题和段落）。我们的目标是点击按钮后，给这些元素添加不同的class样式。

HTML部分代码如下：

```html

Heading 1

Heading 2

This is a paragraph.

Add classes to elements

```在这段代码中，我们首先引入了jQuery库。然后，我们定义了一个按钮的点击事件，当点击按钮时，会触发一个函数。这个函数使用jQuery的addClass()方法给不同的HTML元素添加不同的class样式。例如，所有的标题和段落都将添加一个名为“blue”的样式类，而所有的div元素都将添加一个名为“important”的样式类。这样，我们就可以通过CSS来控制这些元素的样式了。我们在`