jQuery获取html元素的代码
时间: 2023-10-30 22:04:44 浏览: 100
以下是一些使用 jQuery 获取 HTML 元素的示例代码:
1. 获取所有的 `<p>` 元素,并将它们的文本内容输出到控制台:
```js
$("p").each(function() {
console.log($(this).text());
});
```
2. 获取 ID 为 "myDiv" 的元素,并将它的 HTML 内容输出到控制台:
```js
console.log($("#myDiv").html());
```
3. 获取类名为 "myClass" 的第一个元素,并将它的文本内容输出到控制台:
```js
console.log($(".myClass").first().text());
```
4. 获取所有 `href` 属性为 `https://www.example.com/` 的元素,并将它们的链接地址输出到控制台:
```js
$("[href='https://www.example.com/']").each(function() {
console.log($(this).attr("href"));
});
```
需要注意的是,jQuery 获取元素的方法返回的对象实际上是一个 jQuery 对象,而不是原生的 DOM 元素。如果要访问原生的 DOM 属性或方法,可以使用 jQuery 对象的 `get()` 方法或数组下标访问。例如,要获取 ID 为 "myDiv" 的元素的原生 DOM 对象,可以使用以下代码:
```js
document.getElementById("myDiv") // 原生 DOM 对象
$("#myDiv").get(0) // jQuery 对象转换为原生 DOM 对象
$("#myDiv")[0] // 使用数组下标访问 jQuery 对象,返回原生 DOM 对象
```
阅读全文