更新时间:2022-12-29 16:45:25 来源:星辉 浏览764次
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类选择器的详情介绍",希望对大家有帮助,如有疑问,请在线咨询,有专业老师随时为您务。
0基础 0学费 15天面授
有基础 直达就业
业余时间 高薪转行
工作1~3年,加薪神器
工作3~5年,晋升架构
提交申请后,顾问老师会电话与您沟通安排学习