jquery attr方法

导读 jQuery 的 `attr()` 方法用于获取或设置 HTML 元素的属性。这个方法非常有用,因为它允许你以一种简单的方式来操作元素的属性。下面是

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 元素的属性。

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