jqueryattrprop（jqueryattrprop区别）

jQuery attr()方法和prop()方法都是用来获取和设置元素属性的方法，但两者有一些微妙的差别。

## 简介

jQuery是一个流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画等操作。其中，attr()方法和prop()方法是常用的属性操作方法。

## 多级标题

### attr()方法

attr()方法用于获取或设置元素的属性值。它接受两个参数，第一个参数是属性名称，第二个参数是属性的值（可选）。如果只传递第一个参数，那么该方法将返回指定属性的当前值。如果传递了两个参数，那么该方法将设置指定属性的值为第二个参数。

以下是attr()方法的一些示例：

1. 获取属性值

```javascript

$("img").attr("src"); // 返回第一个img元素的src属性值

```

2. 设置属性值

```javascript

$("img").attr("src", "images/pic.jpg"); // 将第一个img元素的src属性值设置为"images/pic.jpg"

```

### prop()方法

prop()方法用于获取或设置元素的属性值。它与attr()方法的主要区别在于，prop()方法用于操作DOM属性，而不是HTML属性。DOM属性指的是DOM对象的属性，例如checked、disabled等，HTML属性则是元素在HTML文档中定义的属性。

以下是prop()方法的一些示例：

1. 获取属性值

```javascript

$("input[type='checkbox']").prop("checked"); // 返回第一个复选框元素的checked属性值

```

2. 设置属性值

```javascript

$("input[type='checkbox']").prop("checked", true); // 将所有复选框元素的checked属性值设置为true

```

## 内容详细说明

attr()方法和prop()方法在操作属性上有一些细微差别。首先，对于DOM属性，例如checked、disabled等，应使用prop()方法进行操作。这是因为这些属性是DOM元素的属性，与元素在HTML文档中定义的属性相对应。

而对于普通的HTML属性，例如src、href等，可以使用attr()方法进行操作。attr()方法更适用于处理HTML属性，因为它可以获取元素在HTML文档中定义的属性，而不仅仅是元素的当前属性值。

另一个不同点是，在处理布尔属性时，attr()方法和prop()方法表现不同。attr()方法使用字符串"true"或"false"来表示布尔属性的值，而prop()方法使用真正的布尔值true或false。

另外，prop()方法只能用于操作HTML属性，而不能用于操作自定义属性。如果想要操作自定义属性，应该使用attr()方法。

总之，attr()方法和prop()方法都是用来操作元素属性的强大工具。了解它们之间的差异和适用范围，可以更好地利用它们来处理元素的属性。