200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > js基本选择器与层次选择器 – CSS – 前端 垂直文字垂直居中 css

js基本选择器与层次选择器 – CSS – 前端 垂直文字垂直居中 css

时间:2024-01-21 21:34:52

相关推荐

js基本选择器与层次选择器 – CSS – 前端 垂直文字垂直居中 css

一、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元素后边的所有兄弟元素。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。