jQuery选择器总结

在jQuery中，选择器是用来选择DOM元素的。以下是一些常用的选择器示例：

1. 基本选择器：

   • $('#elementId')：选择ID为elementId的元素。
   • $('.className')：选择所有class包含className的元素。
   • $('p')：选择所有的段落元素。
   • $('div,span,p')：选择所有的div、span和p元素。

2. 层级选择器：

   • $('parent child')：选择parent元素下的所有child元素。
   • $('parent > child')：选择parent元素的直接子元素child。
   • $('prev + next')：选择紧跟在prev元素后的next元素。
   • $('prev ~ siblings')：选择prev元素之后的所有兄弟siblings元素。

3. 过滤选择器：

   • $('element:first')：选择第一个元素。
   • $('element:last')：选择最后一个元素。
   • $('element:even')：选择所有索引为偶数的元素。
   • $('element:odd')：选择所有索引为奇数的元素。
   • $('element:eq(index)')：选择特定索引的元素（从0开始）。
   • $('element:gt(index)')：选择所有大于给定索引的元素。
   • $('element:lt(index)')：选择所有小于给定索引的元素。
   • $('element:not(.className)')：选择所有不含特定类名的元素。
   • $('element:hidden')：选择所有不可见的元素。
   • $('element:visible')：选择所有可见的元素。
   • $('element:animated')：选择所有正在执行动画的元素。

4. 表单选择器：

   • $(':input')：选择所有<input>、<textarea>、<select>和<button>元素。
   • $(':text')：选择所有文本输入框。
   • $(':password')：选择所有密码输入框。
   • $(':radio')：选择所有单选按钮。
   • $(':checkbox')：选择所有复选框。
   • $(':submit')：选择所有提交按钮。
   • $(':reset')：选择所有重置按钮。
   • $(':image')：选择所有图像域。
   • $(':file')：选择所有文件域。
   • $(':hidden')：选择所有不可见的表单元素。

5. 属性选择器：

   • $('element[attr]')：选择包含特定属性的元素。
   • $('element[attr=value]')：选择特定属性等于特定值的元素。
   • $('element[attr!=value]')：选择特定属性不等于特定值的元素。
   • $('element[attr^=value]')：选择特定属性以特定值开头的元素。
   • $('element[attr$=value]')：选择特定属性以特定值结尾的元素。
   • $('element[attr*=value]')：选择特定属性包含特定值的元素。
   • $('element[attrFilter1][attrFilter2]...')：复合属性选择器。

6. 子元素选择器：

   • $('parent > :first-child')：选择每个父元素的第一个子元素。
   • $('parent > :last-child')：选择每个父元素的最后一个子元素。
   • $(':nth-child(index)')：