在 jQuery 中通过 ID 获取元素
在 JavaScript 中，我们可以使用 document.getElementById() 方法通过 ID 获取元素。在 jQuery 中，我们可以使用 $('#contents') 通过 ID 获取元素。
本教程演示了如何使用这两种方法通过 ID 获取元素。
在 JavaScript 中通过 ID 获取元素
document.getElementById() 是最流行的通过 ID 获取元素的方法。此方法主要用于网页设计中以更改元素的值或获取该元素。
此方法的语法是：
document.getElementById('id')
让我们尝试一个示例，使用此方法通过 ID 获取元素：
<!DOCTYPE html>
<html>
<head>
<title>
Select element by ID in javascript
</title>
</head>
<body style="border: 4px solid blue; min-height: 300px; text-align: center;">
<h1 style="color:blue;" id="delftstack">
DELFTSTACK
</h1>
<script>
setTimeout(function() {
document.getElementById('delftstack').style.color = "green"
}, 3000);
</script>
</body>
</html>
上面的代码获取 h1 元素 ID 并在超时时更改其颜色。见输出：
在 jQuery 中按 ID 获取元素
jQuery 有一个更简单的方法来通过 ID 选择元素。jQuery 有一个 ID 选择器，可以选择具有唯一 ID 的元素。
此方法的语法是：
$("#idname");
让我们试试 jQuery 中的示例，它将通过 ID 获取元素的背景来改变它：
<!DOCTYPE html>
<html>
<head>
<title>
Select element by ID in JQuery
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body style="border: 4px solid blue; min-height: 300px; text-align: center;">
<h1 style="color:blue;" id="delftstack">
DELFTSTACK
</h1>
<script>
setTimeout(function () {
$('#delftstack').css("background-color", "yellow");;
}, 3000);
</script>
</body>
</html>
请参阅此代码的输出：
相关文章
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：98 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：171 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
在 jQuery 中处理 $.ajax 失败
发布时间：2024/03/24 浏览次数：136 分类：JavaScript
-
在今天的文章中，我们将学习在 jQuery 中处理 AJAX 中的失败请求。
