jquery选择器>
jQuery 选择器
jQuery 选择器是用于查找和选取 HTML 元素的工具，类似于 CSS 选择器。它允许开发者通过简洁的语法快速定位 DOM 元素。
基本选择器
元素选择器
通过 HTML 标签名选取元素。
$("p") // 选取所有 <p> 元素ID 选择器
通过元素的 id 属性选取元素。
$("#myId") // 选取 id="myId" 的元素类选择器
通过元素的 class 属性选取元素。
$(".myClass") // 选取 class="myClass" 的所有元素层级选择器
后代选择器
选取指定元素内的所有后代元素（包括子、孙等）。
$("div p") // 选取 <div> 内所有的 <p> 元素子元素选择器
仅选取指定元素的直接子元素。
$("div > p") // 选取 <div> 的直接子元素 <p>相邻兄弟选择器
选取紧接在指定元素后的兄弟元素。
$("h1 + p") // 选取紧接在 <h1> 后的第一个 <p> 元素通用兄弟选择器
选取指定元素之后的所有兄弟元素。
$("h1 ~ p") // 选取 <h1> 之后的所有兄弟 <p> 元素过滤选择器
:first 和 :last
选取第一个或最后一个匹配的元素。
$("p:first") // 选取第一个 <p> 元素
$("p:last") // 选取最后一个 <p> 元素:even 和 :odd
选取偶数或奇数索引的元素（索引从 0 开始）。
$("tr:even") // 选取偶数行 <tr>
$("tr:odd") // 选取奇数行 <tr>:eq()
选取指定索引位置的元素。
$("li:eq(2)") // 选取第三个 <li> 元素（索引为 2）:not()
排除不符合条件的元素。
$("input:not(:checked)") // 选取未选中的 <input> 元素属性选择器
[attribute]
选取带有指定属性的元素。
$("[href]") // 选取所有带 href 属性的元素[attribute=value]
选取属性值等于指定值的元素。
$("[type='text']") // 选取 type="text" 的元素[attribute^=value]
选取属性值以指定字符串开头的元素。
$("[href^='https']") // 选取 href 以 "https" 开头的元素[attribute$=value]
选取属性值以指定字符串结尾的元素。
$("[href$='.pdf']") // 选取 href 以 ".pdf" 结尾的元素*`[attribute=value]`
选取属性值包含指定字符串的元素。
$("[href*='google']") // 选取 href 包含 "google" 的元素表单选择器
:input
选取所有表单元素（<input>, <select>, <textarea>, <button>）。
$(":input") // 选取所有表单元素:text
选取所有文本输入框（type="text"）。
$(":text") // 选取所有文本输入框:checked
选取所有被选中的复选框或单选按钮。
$(":checked") // 选取所有选中的复选框或单选按钮:selected
选取所有被选中的 <option> 元素。
$(":selected") // 选取所有选中的下拉选项其他常用选择器
:visible 和 :hidden
选取可见或隐藏的元素。
$("div:visible") // 选取所有可见的 <div>
$("div:hidden") // 选取所有隐藏的 <div>:contains()
选取包含指定文本的元素。
$("p:contains('Hello')") // 选取包含 "Hello" 文本的 <p> 元素:has()
选取包含指定子元素的元素。
$("div:has(p)") // 选取包含 <p> 元素的 <div>
