JQery attr
时间: 2024-04-26 14:26:04 浏览: 11
jQuery attr() 方法用于获取或设置 HTML 元素的属性值。它接受两个参数:属性名称和属性值。
如果只传递属性名称作为参数,它将返回指定元素的属性值。例如,`$("element").attr("attribute")` 将返回指定元素的属性值。
如果同时传递属性名称和属性值作为参数,它将设置指定元素的属性值。例如,`$("element").attr("attribute", "value")` 将设置指定元素的属性值为 "value"。
注意:attr() 方法适用于 HTML 元素的标准属性,对于自定义属性推荐使用 data() 方法。
例如,以下代码演示了如何使用 attr() 方法获取和设置元素的属性值:
```html
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// 获取元素的属性值
var attributeValue = $("p").attr("class");
console.log("属性值:" + attributeValue);
// 设置元素的属性值
$("p").attr("class", "new-class");
});
</script>
</head>
<body>
<p class="old-class">这是一个段落。</p>
</body>
</html>
```
上述代码中,首先通过 `$("p").attr("class")` 获取了 `<p>` 元素的 class 属性值,并将其打印到浏览器的控制台中。然后,通过 `$("p").attr("class", "new-class")` 将 `<p>` 元素的 class 属性值设置为 "new-class"。
希望这能帮到你!如有其他问题,请随时提问。