JQuery各种选择器，这一篇给你讲清楚

在JQuery中，有多种选择器可以用来选择HTML元素，以下是一些常用的选择器：

1. 基本选择器：

   • $('#id')：选择ID为'id'的元素。
   • $('.class')：选择class为'class'的所有元素。
   • $('element')：选择所有的'element'元素。
   • $('*')：选择所有元素。

2. 层级选择器：

   • $('parent child')：选择所有指定'parent'元素中的'child'元素。
   • $('parent > child')：选择所有指定'parent'元素中的直接'child'元素。
   • $('prev + next')：选择所有紧跟'prev'元素的'next'元素。
   • $('prev ~ siblings')：选择所有跟在'prev'元素后的所有'siblings'元素。

3. 过滤选择器：

   • $('element:first')：选择第一个'element'元素。
   • $('element:last')：选择最后一个'element'元素。
   • $('element:even')：选择所有索引为偶数的'element'元素。
   • $('element:odd')：选择所有索引为奇数的'element'元素。
   • $('element:eq(index)')：选择指定索引'index'的'element'元素（从0开始）。
   • $('element:gt(index)')：选择索引大于'index'的所有'element'元素。
   • $('element:lt(index)')：选择索引小于'index'的所有'element'元素。
   • $('element:not(.className)')：选择所有不含有'className'类的'element'元素。
   • $('element:header')：选择所有标题元素，如h1, h2, h3等。

4. 表单选择器：

   • $(':input')：选择所有'input'元素。
   • $(':text')：选择所有'text'输入框。
   • $(':password')：选择所有'password'输入框。
   • $(':radio')：选择所有'radio'按钮。
   • $(':checkbox')：选择所有'checkbox'按钮。
   • $(':submit')：选择所有'submit'按钮。
   • $(':reset')：选择所有'reset'按钮。
   • $(':image')：选择所有'image'输入框。
   • $(':file')：选择所有'file'输入框。
   • $(':hidden')：选择所有不可见的表单元素，包括隐藏的'input'，'hidden'元素等。

5. 选择最近的祖先元素：

   • $('a').closest('div')：选择最近的'div'祖先元素。

6. 选择一个索引元素：

   • $('element').eq(index)：选择指定索引的元素（从0开始）。

7. 选择器分组：

   • $('div, span, p.myClass')：选择所有的'div'，'span'和具有'myClass'类的'p'元素。

8. 选择具有特定属性的元素：

   • $('element[attribute]')：选择所有具有指定属性的'element'元素。
   • $('element[attribute=value]')：选择所有具有指定属性和值的'element'元素。
   • $('element[attribute!=value]')：选择所有具有指定属性但值不等于指定值的'element'元素。
   • $('element[attribute^=value]')：选择所有具有指定属性且值以指定值开头的