jQuery 选择器

❮ 上一个下一个 ❯

jQuery 选择器是 jQuery 库中最重要的部分之一。

jQuery Selectors

jQuery 选择器允许你选择和操作 HTML 元素。

jQuery 选择器用于根据名称、ID、类、类型、属性、属性值等来“查找”（或选择）HTML 元素。它基于现有的 CSS 选择器，并且还包含一些自定义选择器。

jQuery 中的所有选择器都以美元符号和括号开头：$().

元素选择器

jQuery 元素选择器根据元素名称选择元素。

你可以像这样选择页面上的所有 <p> 元素

$("p")

示例

当用户点击按钮时，所有 <p> 元素都将被隐藏

示例

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

自己动手试一试 »

#id 选择器

jQuery #id 选择器使用 HTML 标签的 id 属性来查找特定元素。

一个页面内的 ID 应该是唯一的，所以当你想要查找单个、唯一的元素时，你应该使用 #id 选择器。

要查找具有特定 ID 的元素，请写入一个哈希字符，后跟 HTML 元素的 ID

$("#test")

示例

当用户点击按钮时，ID 为 "test" 的元素将被隐藏

示例

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

自己动手试一试 »

.class 选择器

jQuery .class 选择器查找具有特定类的元素。

要查找具有特定类的元素，请写入一个句点字符，后跟类的名称

$(".test")

示例

当用户点击按钮时，类名为 "test" 的元素将被隐藏

示例

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});

自己动手试一试 »