element.attr方法
element.attr() 方法是 jQuery 中常用的一种操作 html 元素属性的方法，它可以获取或设置元素的属性值。
基本语法：
获取属性值：
```javascript
$(selector).attr(attributeName);
```
其中，`selector` 表示要操作的元素，可以是元素的 id、class、标签名或者通过其他选择器获取到的元素。`attributeName` 表示要获取或设置的属性名，可以是任意属性名称的字符串。`value` 表示要设置的属性值，可以是任何类型的值，如字符串、数字、布尔值等。
例如，要获取 `id` 属性为 `test` 的元素的 `value` 属性值，可以这样写：
也可以通过传递一个对象来设置多个属性值：
此时，`id` 为 `test` 的元素的 `class` 属性值被设置为 `content`，`title` 属性值被设置为 `this is a test`。
除了基本使用方法，`attr()` 方法还有一些重载函数，可使用以下参数：
此时 `value` 参数可以接收一个回调函数作为值，回调函数会在获取属性值时执行。
例如，有一个 `div` 元素：
```html
<div class="myDiv" data-myattr="10"></div>
```
要获取 `data-myattr` 属性的值，并将其转换为数字类型，可以这样写：
```javascript
var myValue = $(".myDiv").attr("data-myattr", function(index, value) {
return parseInt(value);
jquery的attr属性 });
```
`function(index, value)` 回调函数的参数依次为：元素在集合中的索引值 `index`，属性原始值 `value`，函数返回值会被当作新的属性值来设置。
2. `attr(attributeName, index)`
例如，有一个表格的行中有两个单元格：
```html
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
</tr>
```
要获取第二个单元格的 `innerHTML` 值，可以这样写：
以上就是 `attr()` 方法的基本语法和用法，下面介绍一些常用的属性操作。
#### 获取和设置元素属性值
要获取一个元素的属性值，可以使用 `attr()` 方法（不指定属性值参数），例如：
这样可以动态设置元素的属性值，因为回调函数通过返回值决定属性值，可以执行任意操作，例如：
#### 判断元素是否存在某个属性
或者：
这样就能够为 `id` 值为 `myDiv` 的元素设置 `background-color` 样式属性。
#### 小结
`attr()` 方法是 jQuery 中常用的一种操作 html 元素属性的方法，它可以获取或设置元素的属性值。对于常见的操作，例如获取或设置属性值，移除属性等等，使用方法都非常简单，只需要指定操作元素及属性名称即可，而对于更加灵活的操作，例如通过回调函数返回属性值，动态设置属性值，设置多个属性等等，只需要多加一些代码即可实现。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论