📅 最后修改于: 2023-12-03 15:41:21.490000 🧑 作者: Mango
这是一道关于 jQuery 的测验题，以下是问题和解答：
如何使用 jQuery 获取元素的属性？
我们可以使用 jQuery 提供的 attr() 方法来获取元素的属性。
$(selector).attr(attribute)
selector：需要获取属性的元素的选择器或 HTML 元素。attribute：需要获取的属性名。返回的是指定属性的属性值。
以下是获取元素属性的例子：
<!DOCTYPE html>
<html>
<head>
<title>获取元素属性的例子</title>
<script src="jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
alert("href 属性值为: " + $("#link").attr("href"));
});
});
</script>
</head>
<body>
<a id="link" href="https://www.example.com">Example</a>
<br><br>
<button id="btn">获取 href 属性</button>
</body>
</html>
在上面的例子中，我们使用了 attr() 方法获取了一个链接元素的 href 属性，并在按钮点击时弹出了该属性的属性值。
Markdown 代码片段：
# 网络技术问题 | jQuery 测验 | 第一组 | 问题 8
这是一道关于 jQuery 的测验题，以下是问题和解答：
## 问题
如何使用 jQuery 获取元素的属性？
## 解答
我们可以使用 jQuery 提供的 attr() 方法来获取元素的属性。
### 语法
$(selector).attr(attribute)
### 参数
- `selector`：需要获取属性的元素的选择器或 HTML 元素。
- `attribute`：需要获取的属性名。
### 返回值
返回的是指定属性的属性值。
### 例子
以下是获取元素属性的例子：
```html
<!DOCTYPE html>
<html>
<head>
<title>获取元素属性的例子</title>
<script src="jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
alert("href 属性值为: " + $("#link").attr("href"));
});
});
</script>
</head>
<body>
<a id="link" href="https://www.example.com">Example</a>
<br><br>
<button id="btn">获取 href 属性</button>
</body>
</html>
在上面的例子中，我们使用了 attr() 方法获取了一个链接元素的 href 属性，并在按钮点击时弹出了该属性的属性值。