jquery的类选择器详解

jquery对于开发者，特别是前端开发人员来说，是提升代码开发效率的绝佳工具，里面封装了大量的获取节点与各种底层方法，在开发过程中，避免了大量冗长的底层获取方法与各种API，但相应的，为了去判断开发者传递的参数，里面也包装了循环与判断语句，得出判断结果后，再使用相应的底层获取方法去获取相应的节点，在大型网站里面尽量避免jqery的使用，减少代码执行量，尽量去提高整体的代码执行效率。

话归正传，这次我带来的是jquery中的类选择器的用法。

提醒：在javasrcipt中，你要先引用相应的jquery文件才能使用相应的jquery方法。

通常我们能使用       ${}     去调用相应的jquery方法获取相应的节点，这与css的选择器有异曲同工之妙，我们可以使用    ${' #id '}    去获取相应的id节点，这与css中    #id{}    改变带有相应id标签样式是相似的逻辑。同样的，我们使用    ${'.class '}   可以获取拥有相应类名的标签节点， 或者使用   ${'div'}   获取相应的标签节点，这点与css获取相应标签并改变样式的方法是相似的。

在使用css的过程中，我们知道css有各种复合选择器与伪类选择器，这种丰富的选择器可以让我们对特定的标签进行修改，那么问题来了，这种复合选择器与伪类选择器可以在jquery中使用吗？

答案是：可以的！                                                                                                                              

在jquery中，我们可以用      ${'ul>li '}  获取子元素节点，也能使用  ${' ul  li'}去获取所有子代元素节点 还能使用             ${' ul>li:nth-chlit(N)'}           去获取相应的第N个节点，与jquery中的eq方法不同的是，  ${' ul>li:nth-chlit(N)'}  可以获取每一个ul元素下的第N个li元素，而  ${'ul li:eq(N)'}只能先获取相应的li标签的集合，然后在这个集合里，获取下标为N的li标签元素。