上一篇： 如何使用 jQuery
下一篇： jQuery ID选择器
jQuery 元素选择器
1. 选择指定元素
要选择特定的元素，请使用元素名称作为选择器。
// 选取所有 <p> 标签元素
$("p")
上面的代码将会选取出页面中所有的 <p> 标签元素。
2. 选择多个元素
如果你想同时选择多个不同类型的元素，可以按照 CSS 选择器的语法规则编写选择器。
// 选取所有 <h1> 和 <h2> 标签元素
$("h1, h2")
上面的代码将会选取出页面中所有的 <h1> 和 <h2> 标签元素。
3. 选择带有指定类名的元素
如果你只想选择特定类名的元素，请在元素名称前加上点号（.）并跟随类名。
// 选取所有类名为 "highlight" 的元素
$(".highlight")
上面的代码将会选取出页面中所有具有 "highlight" 类名的元素。
4.选择带有指定 ID 的元素
如果你只想选择特定 ID 的元素，请在元素名称前加上井号（#）并跟随 ID 名称。
// 选取 ID 为 "myElement" 的元素
$("#myElement")
上面的代码将会选取出页面中带有 "myElement" ID 的元素。
5. 选择子元素
如果你只想选择特定元素下的子元素，请使用父元素的选择器后跟空格，然后添加子元素的选择器。
// 选取所有 <ul> 元素下的 <li> 子元素
$("ul li")
上面的代码将会选取出页面中所有 <ul> 元素下的 <li> 子元素。
6. 过滤选择器
除了基本的元素选择器外，jQuery 还提供了许多过滤选择器来进一步细化选择范围。以下是一些常见的过滤选择器示例：
:first：选取第一个匹配的元素。:last：选取最后一个匹配的元素。:even：选取索引为偶数的元素。:odd：选取索引为奇数的元素。:eq(index)：选取索引为指定值的元素。:gt(index)：选取索引大于指定值的元素。:lt(index)：选取索引小于指定值的元素。
// 选取第一个 <p> 标签元素
$("p:first")
// 选取最后一个 <div> 标签元素
$("div:last")
// 选取索引为偶数的 <li> 元素
$("li:even")
通过使用这些过滤选择器，你可以更加精确地选取出需要操作的元素。
以上是元素选择器的基本用法和示例。通过灵活运用这些选择器，你可以轻松地选取和操作 DOM 元素，实现各种交互效果和功能。记得在开发过程中查阅 jQuery 官方文档，以便了解更多关于元素选择器和其他选择器的详细信息和用法。