jQuery的选择器有什么？

jQuery的选择器主要是基于CSS选择器的一个超集，它允许你以非常灵活和高效的方式选取DOM元素。以下是一些常用的选择器类型：

1. 基本选择器：

   • $("#elementId")：通过ID选择元素。
   • $(".className")：通过类名选择元素。
   • $("tagName")：通过标签名选择元素。
   • $("selector1, selector2,...")：同时选择多个选择器匹配的元素。

2. 层级选择器：

   • $("ancestor descendant")：选择所有后代元素。
   • $("parent > child")：选择直接子元素。
   • $("prev + next")：选择紧接在prev元素后的next元素。
   • $("prev ~ siblings")：选择prev元素之后的所有siblings元素。

3. 属性选择器：

   • [attribute]：选择具有指定属性的元素。
   • [attribute=value]：选择属性值等于特定值的元素。
   • [attribute!=value]：选择属性值不等于特定值的元素。
   • [attribute^=value]：选择属性值以特定值开始的元素。
   • [attribute$=value]：选择属性值以特定值结束的元素。
   • [attribute*=value]：选择属性值中包含特定值的元素。

4. 伪类选择器：

   • $:first：选择第一个元素。
   • $:last：选择最后一个元素。
   • $:eq(index)：选择索引为index的元素。
   • $:odd：选择奇数位置的元素。
   • $:even：选择偶数位置的元素。
   • $:not(selector)：选择不符合给定选择器的元素。
   • $:hover、:active、:focus 等状态伪类，用于选择处于特定状态的元素。

5. 表单选择器：

   • $:input：选择所有输入元素。
   • $:text：选择文本框。
   • $:radio：选择单选按钮。
   • $:checkbox：选择复选框。
   • $:submit：选择提交按钮等。

6. 内容选择器：

   • $:contains(text)：选择包含特定文本的元素。

这些选择器可以组合使用，形成非常强大的选择表达式，使得开发者能够快速定位到页面上的任何元素，并进行操作。