jquery基本选择器

jQuery 基本选择器

jQuery 提供了多种基本选择器，用于快速定位和操作 DOM 元素。以下是常用的基本选择器及其功能：

元素选择器

通过 HTML 标签名选择元素。例如，选择所有 <p> 元素：

$("p")

ID 选择器

通过元素的 id 属性选择单个元素。例如，选择 id="example" 的元素：

$("#example")

类选择器

通过元素的 class 属性选择元素。例如，选择所有 class="highlight" 的元素：

$(".highlight")

通配符选择器

选择所有元素。例如，选择页面上的所有元素：

$("*")

组合选择器

通过逗号分隔多个选择器，选择匹配任一选择器的元素。例如，选择所有 <p> 和 <div> 元素：

$("p, div")

属性选择器

通过元素的属性选择元素。例如，选择所有带有 target 属性的 <a> 元素：

$("a[target]")

子元素选择器

选择指定元素的直接子元素。例如，选择 <ul> 的直接子元素 <li>：

$("ul > li")

后代选择器

选择指定元素的后代元素。例如，选择 <div> 内的所有 <p> 元素：

$("div p")

第一个和最后一个子元素选择器

选择父元素的第一个或最后一个子元素。例如，选择 <ul> 的第一个 <li> 元素：

$("ul li:first")

选择最后一个子元素：

$("ul li:last")

奇数/偶数选择器

选择奇数或偶数位置的元素。例如，选择表格中奇数行的 <tr> 元素：

$("tr:odd")

选择偶数行：

$("tr:even")

这些基本选择器可以单独使用，也可以组合使用，以满足不同的 DOM 操作需求。