jquery .attr
时间: 2024-03-05 10:45:22 浏览: 23
.attr()是jQuery中用于获取或设置HTML元素属性的方法。它有两种常见的用法:
1. 获取属性值:
```javascript
var value = jQueryObject.attr(attributeName);
```
这个方法可以用来获取指定元素的属性值。其中,`jQueryObject`是一个jQuery对象,`attributeName`是要获取的属性名。例如:
```javascript
var href = $("a").attr("href");
```
这个例子中,`$("a")`选中了所有的`<a>`元素,然后使用`.attr("href")`获取了第一个`<a>`元素的`href`属性值。
2. 设置属性值:
```javascript
jQueryObject.attr(attributeName, value);
```
这个方法可以用来设置指定元素的属性值。其中,`jQueryObject`是一个jQuery对象,`attributeName`是要设置的属性名,`value`是要设置的属性值。例如:
```javascript
$("img").attr("src", "image.jpg");
```
这个例子中,`$("img")`选中了所有的`<img>`元素,然后使用`.attr("src", "image.jpg")`将它们的`src`属性值设置为`image.jpg`。
需要注意的是,`.attr()`方法也可以用于设置多个属性值,只需要传入一个包含属性名和属性值的对象即可。例如:
```javascript
$("input").attr({
"name": "username",
"value": "John"
});
```
这个例子中,`$("input")`选中了所有的`<input>`元素,然后使用`.attr()`方法将它们的`name`属性设置为`username`,`value`属性设置为`John`。