jQuery #id选择器

jQuery是一个开源的JavaScript库，它简化了HTML/CSS文档，或者更准确地说，文档对象模型（DOM）和JavaScript之间的互动。阐述这些术语，它简化了HTML文档的遍历和操作，浏览器事件处理，DOM动画，Ajax交互，以及跨浏览器的JavaScript开发。

id选择器为要选择的元素指定了一个id。它不应该以数字开头，而且id属性在一个文档中必须是唯一的，这意味着它只能被使用一次。

语法:

$("#id")

参数:

id:一个元素的具体id。

示例 1:

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
     $(document).ready(function () {$ ("#Geeks").css("background-color", "red");
    });
  </script>
</head>
<body>
  <h1>GEEKS FOR GEEKS</h1>
  <p id="Geeks">jQuery|#id selector</p>
 
</body>
</html>

输出:

jQuery #id选择器

示例 2:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ID</title>
  <style>
    div {
      width: 100px;
      height: 100px;
      float: left;
      padding: 10px;
      margin: 10px;
      background-color: pink;
    }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js">
  </script>
</head>
<body>
  <div id="DIV1">
     
<p>id="DIV1"</p>
 
  </div>
  <div id="DIV2">id="DIV2"</div>
  <script>
    $("#DIV2").css("border",
      "2px solid yellow");
  </script>
</body>
</html>

输出:

jQuery #id选择器