jQuery ID 选择器
jQuery 中有三种选择器; ID
、Class
和 Element
。本教程演示了如何在 jQuery 中使用 ID
选择器。
jQuery ID 选择器
ID
选择器将选择具有给定 id
属性的单个元素。语法很简单 $(#ID)
,其中 ID
是元素 ID。
如果 ID
包含句点或冒号等特殊字符,我们必须使用反斜杠转义这些字符。ID
选择器返回用找到的元素填充的数组。
例如:
让我们看一个在 jQuery 中使用 ID
选择器的示例。
<!DOCTYPE HTML>
<html>
<head>
<title>jQuery ID Selector</title>
<script type = "text/javascript" src = "https://code.jquery.com/jquery-1.10.2.js"> </script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#DemoDiv1").css("background-color", "lightblue");
});
</script>
</head>
<body>
<div id = "DemoDiv1">
<p>This is the First Div.</p>
</div>
<div id = "DemoDiv2">
<p>This is the Second Div.</p>
</div>
<div class = "DEMO1" id = "DemoDiv3">
<p>This is the Third Div.</p>
</div>
<div class = "DEMO2" id = "DemoDiv1">
<p>This is the Fourth Div.</p>
</div>
</body>
</html>
上面的代码将选择具有唯一 ID 的元素并更改其背景颜色;由于此代码有两个具有相同 ID 的元素,它只会选择第一个,因为 ID 始终是唯一的。见输出:
相关文章
用 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 中的失败请求。