jQuery 选择器

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

jQuery 选择器

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

jQuery 选择器用于根据名称、id、类、类型、属性、属性值等来"find"（或选择）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")

示例

当用户点击按钮时，class="test" 的元素将被隐藏：

示例

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

亲自试一试 »