熟知jq类选择器的详情介绍

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标签元素。

以上就是极悦小编介绍的"熟知jq类选择器的详情介绍"，希望对大家有帮助，如有疑问，请在线咨询，有专业老师随时为您务。