jquery基本选择器

jQuery 基本选择器

jQuery 提供了一系列基本选择器，用于快速定位和操作 DOM 元素。这些选择器基于 CSS 选择器语法，但功能更强大且兼容性更好。

元素选择器

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

$("p")

ID 选择器

通过元素的 id 属性选择元素。ID 应该是唯一的，因此返回单个元素。例如，选择 id="header" 的元素：

$("#header")

类选择器

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

$(".menu-item")

通配符选择器

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

$("*")

组合选择器

通过逗号分隔多个选择器，实现同时选择多个元素。例如，选择所有 <p> 和 <div> 元素：

$("p, div")

属性选择器

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

$("a[href]")

子元素选择器

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

$("ul > li")

后代选择器

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

$("div p")

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

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

$("ul li:first")

选择 <ul> 的最后一个 <li>：

$("ul li:last")

奇偶选择器

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

$("tr:odd")

选择表格中偶数行：

$("tr:even")

表单选择器

专门用于表单元素的选择器。例如，选择所有文本框：

$(":text")

选择所有复选框：

$(":checkbox")

这些基本选择器可以单独使用，也可以组合使用以实现更复杂的 DOM 操作需求。