jQuery 选择器全部详细笔记

jQuery 选择器是 jQuery 库中非常重要的一部分，它允许你通过多种方式选择 HTML 元素，并对它们执行操作。下面是一些常用的 jQuery 选择器示例和说明：

1. $('#elementId') - 选择ID为elementId的元素。
2. $('.className') - 选择所有类名为className的元素。
3. $('element') - 选择所有的element元素。
4. $('selector1, selector2, ...') - 选择所有匹配任意选择器的元素。
5. $('ancestor descendant') - 选择特定祖先元素的后代。
6. $('parent > child') - 选择直接子元素。
7. $('prev + next') - 选择紧跟在prev元素后的next元素。
8. $('prev ~ siblings') - 选择prev元素之后的所有同级兄弟元素。
9. $(':first') - 选择第一个元素。
10. $(':last') - 选择最后一个元素。
11. $(':eq(index)') - 选择特定索引的元素（从0开始）。
12. $(':even') - 选择索引为偶数的元素。
13. $(':odd') - 选择索引为奇数的元素。
14. $(':gt(index)') - 选择索引大于特定值的元素。
15. $(':lt(index)') - 选择索引小于特定值的元素。
16. $(':header') - 选择所有的标题元素（如 h1, h2, h3等）。
17. $(':animated') - 选择当前正在执行动画的元素。
18. $(':focus') - 选择当前获取焦点的元素。

这些是 jQuery 选择器的基础，可以根据需要进行组合以选择更具体的元素集。记住，选择器是按照 CSS 选择器规则解析的，所以可以使用属性选择器、伪类选择器等。