在 jQuery 中,`attr()` 方法用于获取或设置 HTML 元素的属性。这个方法的基本语法如下:
```javascript
$(selector).attr(attributeName)
$(selector).attr(attributeName, value)
$(selector).attr({attributeName: value})
```
其中:
* `selector` 是选择器,用于选择需要操作的元素。
* `attributeName` 是要获取或设置的属性的名称。
* `value` 是要为属性设置的值。如果该参数存在,那么 `attr()` 方法将设置属性值;如果不存在,那么它将返回指定属性的当前值。
以下是一些示例:
**获取属性**
假设你有一个链接 `Example Link` 并且你想获取它的 `href` 属性,你可以这样做:
```javascript
var hrefValue = $('a').attr('href'); // 获取链接的 href 属性值
console.log(hrefValue); // 输出: https://www.example.com
```
**设置属性**
假设你有一个图像 `` 并且你想改变它的 `src` 属性,你可以这样做:
```javascript
$('img').attr('src', 'newImage.jpg'); // 设置图像的 src 属性值
```
你也可以同时设置多个属性,如下:
```javascript
$('img').attr({src: 'newImage.jpg', alt: 'New Image'}); // 同时设置 src 和 alt 属性值
```
注意,当你使用 `attr()` 方法来设置属性时,选中的元素将会被修改并反映在 DOM 中。此外,不同的属性可能有不同的浏览器兼容性问题,因此在使用之前请确保你的代码在所有目标浏览器中都能正常工作。