如何使用jQuery获取div的class

一、流程表格

journey
    title jQuery获取div class流程
    section 开始
        获取div元素
        添加class
        获取class
    section 结束

二、具体步骤及代码解释

  1. 获取div元素
```javascript
// 使用jQuery选择器获取div元素
var divElement = $("div");

这段代码中,我们使用`$()`函数来选择所有的div元素,并将结果保存在`divElement`变量中。

2. **添加class**

```markdown
```javascript
// 使用addClass()函数为div元素添加一个名为"example"的class
divElement.addClass("example");

这段代码中,我们使用`addClass()`函数为之前获取的div元素添加一个名为"example"的class。

3. **获取class**

```markdown
```javascript
// 使用attr()函数获取div元素的class属性值
var divClass = divElement.attr("class");

这段代码中,我们使用`attr()`函数获取之前设置的div元素的class属性值,并将结果保存在`divClass`变量中。

## 三、类图

```mermaid
classDiagram
    divElement --|> jQuery
    divElement : jQuery对象
    divElement : -element
    divElement : +addClass(class)
    divElement : +attr(attribute)
    divElement : class

通过以上步骤和代码,你可以成功使用jQuery获取div的class属性值。希望这篇文章对你有所帮助,祝你学习进步!