jQuery | #id 选择器

介绍

在 jQuery 中，通过 #id 选择器能够选择指定 id 的元素。id 在 HTML 中是唯一的，因此 #id 选择器只会匹配到一个元素。

使用方法

基本用法

基本语法为 $("#id")，其中 #id 为元素 id 名称，例：

$("#myId").addClass("highlight");

此代码会在 id 名称为 "myId" 的元素上添加一个名为 "highlight" 的 class。

多个 id 同时选择

#id 选择器只会匹配到一个元素，但我们可以使用多个选择器来实现同时匹配多个 id 的需求。语法为 $([#id1, #id2, ...])，例：

$([#myId1, #myId2]).addClass("highlight");

此代码会在 id 名称为 "myId1" 和 "myId2" 的元素上添加一个名为 "highlight" 的 class。

示例

实现一个点击按钮，修改指定 id 的文本。

HTML：

<button id="change">Change text</button>
<p id="text">Hello World!</p>

jQuery：

$("#change").on("click", function() {
  $("#text").text("Hello jQuery!");
});

点击 "Change text" 按钮会将 p 元素中的文本修改为 "Hello jQuery!"。

注意事项

虽然 id 值在 HTML 中是唯一的，但为了避免意外修改到其他与目标 id 值相同的元素，建议在使用时添加元素标签限定。如：

$("p#myId") // 选择 p 标签下的 id 值为 myId 的元素