`

子元素,后代元素,相邻元素,兄弟元素

 
阅读更多

*子元素是指儿子
后代元素是指儿子,孙子,重孙子等等都包括在内的元素

比如<div><span></span></div>中div的子元素是span,同时span也是他的后代元素
<div><p><span></span></p></div>中div的子元素是p,后代元素是p,span,如果span中再包含其他的元素那么这些元素还是div的后代元素

*

分享到:
评论

相关推荐

    css的选择器

    - **后代选择器**:使用空格来选择作为另一个元素后代的元素。 - **例子**: - `div p`:选择所有位于`&lt;div&gt;`元素内的`&lt;p&gt;`元素。 - **直接子元素选择器**:使用`&gt;`来选择作为另一个元素直接子元素的元素。 - **...

    CSS组合选择器.pdf

    组合选择器共有四种:后代选择器、子元素选择器、相邻兄弟选择器和普通兄弟选择器。 后代选择器(Descendant Selector) ------------------------- 后代选择器的语法格式为:E 空格 F,它选择 E 元素内部的所有...

    Jquery 选择器

    后代选择器(`ancestor descendant`)和子元素选择器(`parent &gt; child`)用于选取指定父元素的后代或子元素。例如: ```javascript $("div p"); // 选择所有 div 元素内的 p 元素 $("ul &gt; li"); // 选择所有直接...

    前端js面试题.pdf

    * +号选择器(相邻兄弟选择器):用于选择某个元素的相邻兄弟元素 * ~号选择器(所有兄弟选择器):用于选择某个元素的所有兄弟元素 * :first 选择器:用于选择某个元素的第一个子元素 * :last 选择器:用于选择某个...

    轻松玩转jQuery笔记

    其次,笔记中探讨了父元素、子元素、兄弟元素、祖先元素和后代元素的概念及其关系。父元素和子元素是相对于当前元素的直接关系,而祖先元素和后代元素则是相对关系的延伸。其中,子元素一定是后代元素,但后代元素不...

    JQ 层次选择器

    总结起来,jQuery的层次选择器是DOM操作的利器,包括后代选择器、子元素选择器、相邻兄弟选择器和后续兄弟选择器。它们提供了灵活的选取方式,让开发者能根据元素之间的关系进行精准操作。结合实际的HTML结构和...

    CSS样式表个人总结

    7. 相邻亲兄弟选择器:用于选择 HTML 元素的相邻亲兄弟元素,例如:h1 + p { color:red; },该选择器将选择所有 h1 元素后的第一个 p 元素。 通过这些选择器,我们可以更加灵活地控制 HTML 元素的样式,从而创建...

    JQuery选择器特辑 详细小结

    格式为`$("prev~siblings")`,例如`$(".one~div")`会选择类名为“one”的元素后面的所有`&lt;div&gt;`兄弟元素。 需要注意的是,相邻兄弟选择器`$("prev+next")`与`.next("selector")`方法等价,兄弟选择器`$("prev~...

    03-jQuery选择器和过滤器(20220302).ppt

    3. **内容过滤器**:如`:contains(text)`选取包含指定文本的元素,`:empty`选取没有子元素(包括文本节点)的元素,`:has(selector)`选取包含特定后代元素的元素。 4. **可见性过滤器**:`:visible`选取可见的元素...

    RIA应用开发:3-遍历DOM元素.ppt

    jQuery提供了多种选择器,包括基本选择器(如ID选择器、类选择器、标签名选择器)、层次选择器(如后代选择器、子元素选择器、相邻兄弟选择器)和过滤选择器(如`:first`、`:last`、`:even`等),这些选择器可以帮助...

    (3.3.2)--扩展阅读:组合选择器1

    它匹配那些B元素是A元素的后代,即B可以是A的子元素、孙元素,甚至是更远的后代。例如,`div p`会选择所有在`&lt;div&gt;`元素内部的`&lt;p&gt;`元素,无论它们嵌套了多少层。 3. **子选择器**: 子选择器使用大于号(&gt;)来连接...

    jQuery选择器速查表

    层次选择器基于DOM元素之间的层次关系选取特定元素,包括后代、子、相邻和兄弟元素。 - **后代选择器**:通过空格来选取后代元素,例如`$('div span')`选取所有`&lt;div&gt;`元素内的`&lt;span&gt;`元素。 - **子选择器**:通过...

    CSS的选择器内容文档

    **派生选择器**是一组更高级的选择器,包括后代选择器、子元素选择器、相邻兄弟选择器等。 #### 1. 后代选择器 后代选择器可以匹配一个元素的后代元素。它使用空格来分隔选择器,表示匹配作为第一个选择器的后代的...

    CSS 组合选择符

    后代选择器用于选取某元素的后代元素。 以下实例选取所有 元素插入到 元素中: 实例 div p { background-color:yellow; }   子元素选择器 与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素...

    jquery层级选择器的实现(匹配后代元素div)

    在给定的标题和描述中,我们关注的是匹配后代元素的jQuery选择器。我们将深入探讨这个话题,并通过示例代码来解释如何实现。 1. **后代选择器(ancestor descendant)** 后代选择器使用空格分隔两个选择器,表示...

    CSS选择器.pdf

    接下来是关系选择符,包括后代选择器、直接子元素选择器、相邻选择器、兄弟选择器和并列选择器。后代选择器(EF)用于选中某个元素(E)内部的所有指定元素(F),不论层级深浅。直接子元素选择器(E&gt;F)则只选中...

    CSS3选择器.rar

    - `:first-child`、`:last-child`:选择父元素的第一个或最后一个子元素。 - `:nth-child(n)`、`:nth-last-child(n)`:选择父元素的第n个子元素或倒数第n个子元素。 - `::before`、`::after`:在元素内容之前或...

    第13章 CSS选择器[下]

    例如,`ul &gt; li`会选择`ul`下的所有直接`li`子元素,而不是所有后代`li`。 七、相邻兄弟选择器 相邻兄弟选择器(+)选择紧跟在另一个元素之后的同级元素。例如,`h2 + p`会选择紧跟在`h2`元素后的第一个`p`元素。 ...

Global site tag (gtag.js) - Google Analytics