jQuery 的 `attr()` 方法用于获取或设置 HTML 元素的属性。这个方法非常有用,因为它允许你以一种简单的方式来操作元素的属性。下面是关于 `attr()` 方法的一些基本用法。
### 获取属性
你可以使用 `attr()` 方法来获取元素的属性值。例如,如果你想要获取一个图像的 `src` 属性,你可以这样做:
```javascript
var imgSrc = $('#myImage').attr('src');
```
在这个例子中,`#myImage` 是一个 CSS 选择器,它选择了具有 ID `myImage` 的元素。然后,`attr('src')` 获取了该元素的 `src` 属性值。
### 设置属性
你也可以使用 `attr()` 方法来设置元素的属性。例如,如果你想改变图像的 `src` 属性,你可以这样做:
```javascript
$('#myImage').attr('src', 'newImage.jpg');
```
在这个例子中,我们设置了具有 ID `myImage` 的元素的 `src` 属性为 `'newImage.jpg'`。
### 同时获取或设置多个属性
你还可以同时获取或设置多个属性。例如:
```javascript
// 获取多个属性
var attrs = $('#myElement').attr(['href', 'src', 'title']);
// 设置多个属性
$('#myElement').attr({
'href': 'newUrl',
'src': 'newImage.jpg',
'title': 'New Title'
});
```
在这个例子中,我们首先使用 `attr()` 方法获取了具有 ID `myElement` 的元素的 `href`、`src` 和 `title` 属性。然后,我们设置了这些属性的新值。
总的来说,jQuery 的 `attr()` 方法是一个非常有用的工具,它允许你轻松地获取和设置 HTML 元素的属性。