在JavaScript的世界里，jQuery是一个非常流行且强大的库，它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互。本学习笔记将聚焦于jQuery的核心功能之一：常规选择器。通过理解并熟练运用这些选择器，你可以更加高效地定位和操纵网页中的元素，提升开发效率。
1. 元素选择器：
jQuery的元素选择器允许我们根据HTML标签名来选取元素。例如，`$("p")`会选择所有的段落元素。这种选择器非常直观，适用于选取页面上特定类型的元素。
2. ID选择器：
使用ID选择器，你可以通过元素的唯一ID来选取特定的元素。语法是`$("#myID")`。ID在HTML中应该是唯一的，所以这个选择器会返回一个元素，而非元素集合。
3. 类选择器：
类选择器让你可以根据元素的class属性来选取元素。比如`$(".myClass")`会选择所有class包含"myClass"的元素。如果一个元素有多个类，类选择器可以同时选取它们。
4. 多选择器：
jQuery支持组合选择器，可以同时使用多种选择器，用逗号分隔。例如，`$("div.myClass, p")`会选择所有class为"myClass"的div元素以及所有的段落元素。
5. 属性选择器：
属性选择器允许你基于元素的属性来选取元素。如`$("[href]")`会选择所有含有href属性的元素。更具体地，`$("[href*=example]")`会选择href属性值中包含"example"的元素。
6. 伪类选择器：
伪类选择器用于选取元素的特定状态。例如，`:hover`用于选取鼠标悬停时的元素，`:active`选取活动状态的元素，`:focus`选取获得焦点的元素。`$("a:hover")`会选取当前被鼠标悬停的链接。
7. 子元素选择器：
`$("div > p")`会选择所有直接位于div元素之下的段落元素，而`$("div p")`则会选择所有在div元素内的段落，无论它们的位置深浅。
8. 相邻兄弟选择器：
`$("div + p")`会选择紧跟在div元素后面的首个段落元素。而`$("div ~ p")`会选择所有在div之后的段落元素，不限于直接相邻。
9. 非选择器：
`:$(":not(p)")`会选择除了段落元素之外的所有元素。这在需要排除特定类型元素时非常有用。
10. CSS选择器：
jQuery完全支持CSS2和CSS3的选择器，如`$(".parent > .child")`会选择所有直接子元素为.child的.parent元素。
通过深入理解和实践这些jQuery常规选择器，你将能够精确地选取和操作网页中的任何元素，从而编写出更简洁、高效的代码。同时，jQuery还提供了丰富的API，如事件处理、动画效果等，等待着你的探索。
