jQuery操作属性 (系统属性,自定义属性)
时间: 2023-08-18 18:04:00 浏览: 101
jquery属性操作
在 jQuery 中,可以使用 `.attr()` 方法来操作元素的属性,包括系统属性和自定义属性。该方法可以接受一个参数或两个参数。
如果只有一个参数,则表示获取指定属性的值。例如:
```javascript
var value = $('#myElement').attr('id');
```
这将返回元素的 `id` 属性值。
如果有两个参数,则表示设置指定属性的值。例如:
```javascript
$('#myElement').attr('id', 'newId');
```
这将把元素的 `id` 属性值设置为 `newId`。
对于自定义属性,可以使用与操作系统属性相同的方式进行操作。例如:
```html
<div id="myElement" data-myattribute="myvalue">...</div>
```
可以使用以下代码获取或设置 `data-myattribute` 属性的值:
```javascript
var value = $('#myElement').attr('data-myattribute');
$('#myElement').attr('data-myattribute', 'newvalue');
```
需要注意的是,自定义属性的名称必须以 `data-` 前缀开头,这是 HTML5 规范中的要求。
阅读全文