jQuery 选择和获取 元素的值65
jQuery 提供了一组强大而灵活的方法来选择和获取 HTML 文档中 元素的值。 选择 元素 要选择文档中所有 元素,可以使用 $("a") 选择器:```javascript 要选择具有特定 class 属性的 元素,可以使用 $(".class-name") 选择器:```javascript 要选择 id 为特定值的 元素,可以使用 $("#id-name") 选择器:```javascript 获取 元素的值 一旦选择了一个或多个 元素,就可以使用以下方法获取其值: 获取元素中包含的文本(包括 HTML):```javascript 获取元素中的 HTML 内容:```javascript 获取元素中 value 属性的值:```javascript 获取元素中指定属性的值:```javascript 获取特定 元素的值 要获取单个 元素的值,可以使用 eq(index) 方法选择该元素:```javascript 上面代码获取第一个 元素的文本内容。 获取多个 元素的值 要获取多个 元素的值,可以使用 each() 方法遍历每个元素:```javascript 上面代码会输出每个 元素的文本内容。 高级示例 jQuery 提供了广泛的选项来选择和获取 元素的值,使其成为在 web 开发中处理超链接的强大工具。 2025-01-26
$("a")
```
$(".class-name")
```
$("#id-name")
```text()
$("a").text()
```html()
$("a").html()
```val()
$("a").val()
```attr()
$("a").attr("href")
```
$("a").eq(0).text()
```
$("a").each(function() {
($(this).text());
});
```获取所有具有特定 class 的 元素的 href 属性值:
```javascript
$(".class-name").map(function() {
return $(this).attr("href");
}).get();
```获取前三个 元素的文本内容:
```javascript
$("a").slice(0, 3).map(function() {
return $(this).text();
}).get();
```