js基本选择器与层次选择器_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:57:28 共计：3587 浏览

js基本选择器与层次选择器？

一、JS基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。

1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。

2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。

3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。

4).“$(“*”)”，获取所有元素，相当于document。

5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。

二、层次选择器

什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。

1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。

2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。

3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。

4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。