jquery attr

导读 在 jQuery 中,`attr()` 方法用于获取或设置 HTML 元素的属性。这个方法的基本语法如下:```javascript$(selector).attr(attributeNam...

在 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 中。此外,不同的属性可能有不同的浏览器兼容性问题,因此在使用之前请确保你的代码在所有目标浏览器中都能正常工作。

版权声明:本文由用户上传,如有侵权请联系删除!