jquery选择器有哪些
jQuery 选择器分类
jQuery 选择器基于 CSS 选择器语法，扩展了更强大的元素筛选功能，主要分为以下几类：
基本选择器
- ID 选择器：通过元素的
id属性匹配单个元素。
示例：$("#elementId") - 类选择器：通过元素的
class属性匹配所有符合条件的元素。
示例：$(".className") - 元素选择器：通过标签名匹配所有指定元素。
示例：$("div") - 通配符选择器：匹配所有元素。
示例：$("*") - 组合选择器：通过逗号分隔多个选择器，匹配任一条件的元素。
示例：$("div, .class, #id")
层次选择器
- 后代选择器：匹配指定祖先元素下的所有后代元素。
示例：$("parent descendant")（如$("ul li")） - 子元素选择器：匹配指定父元素的直接子元素。
示例：$("parent > child")（如$("ul > li")） - 相邻兄弟选择器：匹配紧接在指定元素后的第一个兄弟元素。
示例：$("prev + next")（如$("h1 + p")） - 通用兄弟选择器：匹配指定元素后的所有兄弟元素。
示例：$("prev ~ siblings")（如$("h1 ~ p")）
过滤选择器
:first：匹配第一个符合条件的元素。
示例：$("p:first"):last：匹配最后一个符合条件的元素。
示例：$("p:last"):even/:odd：匹配偶数或奇数索引位置的元素（索引从 0 开始）。
示例：$("tr:even"):eq(index)：匹配指定索引位置的元素。
示例：$("li:eq(2)"):gt(index)/:lt(index)：匹配索引大于或小于指定值的元素。
示例：$("li:gt(1)"):not(selector)：排除匹配指定选择器的元素。
示例：$("input:not(:checked)")
内容过滤选择器
:contains(text)：匹配包含指定文本的元素。
示例：$("div:contains('Hello')"):empty：匹配无子元素或文本的空元素。
示例：$("td:empty"):has(selector)：匹配包含指定子元素的元素。
示例：$("div:has(p)"):parent：匹配至少包含一个子元素或文本的元素。
示例：$("td:parent")
可见性过滤选择器
:hidden：匹配所有隐藏元素（包括display:none或表单type="hidden"）。
示例：$("div:hidden"):visible：匹配所有可见元素。
示例：$("div:visible")
属性选择器
[attribute]：匹配具有指定属性的元素。
示例：$("[href]")[attribute=value]：匹配属性值等于指定值的元素。
示例：$("[href='#']")[attribute!=value]：匹配属性值不等于指定值的元素。
示例：$("[href!='#']")[attribute^=value]：匹配属性值以指定字符串开头的元素。
示例：$("[href^='https']")[attribute$=value]：匹配属性值以指定字符串结尾的元素。
示例：$("[href$='.pdf']")- *`[attribute=value]
：匹配属性值包含指定字符串的元素。 示例：$("[href*='example']")`
表单选择器
:input：匹配所有表单元素（如input、select、textarea等）。
示例：$(":input"):text/:password：匹配指定类型的输入框。
示例：$(":text"):radio/:checkbox：匹配单选按钮或复选框。
示例：$(":checkbox"):submit/:button：匹配提交按钮或普通按钮。
示例：$(":submit"):checked：匹配被选中的复选框或单选按钮。
示例：$(":checked"):selected：匹配被选中的下拉选项。
示例：$("option:selected")
其他扩展选择器
:animated：匹配当前正在执行动画的元素。
示例：$("div:animated"):focus：匹配当前获得焦点的元素。
示例：$("input:focus"):header：匹配所有标题元素（如h1到h6）。
示例：$(":header")
