HOWTO · jQuery
jQuery ID 选择器
本教程演示如何在 jQuery 中使用 ID 选择器。
jQuery 中有三种选择器； ID、Class 和 Element。本教程演示了如何在 jQuery 中使用 ID 选择器。
jQuery ID 选择器
ID 选择器将选择具有给定 id 属性的单个元素。语法很简单 $(#ID)，其中 ID 是元素 ID。
如果 ID 包含句点或冒号等特殊字符，我们必须使用反斜杠转义这些字符。ID 选择器返回用找到的元素填充的数组。
例如：
#DemoID将选择具有给定 ID 的单个元素。Div#DemoID将选择具有给定 ID 的div。
让我们看一个在 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 始终是唯一的。见输出：
