jQuery学习笔记之jQuery选择器的使用

什么是jQuery选择器

jQuery选择器是一种用于选取DOM元素的表达式，它可以快速地根据层次关系、属性、类名、甚至是一些特定的状态来筛选元素；而且使用jQuery选择器可以使我们的代码更加简洁高效。

如何使用jQuery选择器

在使用jQuery选择器时，我们需要引入jQuery库，然后通过一个美元符号 $ 来访问jQuery对象。jQuery选择器的语法格式为： $(selector).action()，其中， selector 表示我们要选择的元素，而 action() 表示我们要对该元素进行的操作。

以下是一些jQuery选择器的示例：

选择器类型

选择器类型可以根据元素的标签名、id、类名等进行筛选。例如：

• 根据标签名选择元素：

$("p") // 选取所有 <p> 元素

• 根据id选择元素：

$("#myId") // 选取 id="myId" 的元素

• 根据类名选择元素：

$(".myClass") // 选取 class="myClass" 的元素

层次选择器

层次选择器可以根据元素的关系进行筛选，例如：

• 选取所有子元素：

$("div p") // 选取 <div> 元素内部所有的 <p> 元素

• 选取相邻兄弟元素：

$("div + p") // 选取紧随 <div> 元素之后的第一个 <p> 元素

总结

在编写jQuery代码时，我们可以根据具体情况灵活地运用不同类型的选择器来快速地选取我们需要的元素，从而简化代码，提高效率。

示例说明

示例一

为了选取页面中所有的段落元素（p），我们可以使用如下代码：

$("p")

示例二

为了选取页面中所有class为intro的元素，我们可以使用如下代码：

$(".intro")