2-6 ance desc选择器选择的父标签下包含的所有子标签其实就是一定范围内的相同标签...

2024-05-10 14:19:22

ance desc选择器

本节开始，我们将介绍层次性选择器。

在实际应用开发中，常常是多个元素嵌套在一起，形成复杂的层次关系，通过层次选择器，可以快速定位某一层次的一个或多个元素，ance desc选择器就是其中之一，它的调用格式如下：

$("ance desc")

其中ance desc是使用空格隔开的两个参数。ance参数（ancestor祖先的简写）表示父元素；desc参数（descendant后代的简写）表示后代元素，即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”，家族几代人里，都有名字里带“span”的，就可以用这个ance desc选择器把这几个人给定位出来。

例如，使用层次选择器，获取<div>元素中的全部<span>元素，并设置它们显示的内容，在如下图所示：

在浏览器中显示的效果：

从图中可以看出，使用层次选择器$("div span")获取了在<div>元素中的两个元素，一个是<p>元素中的子元素，另一个是<p>元素外的同级元素，但它们都是在一个<div>元素下，也就是说在一个“家族”下。

转载于:https://www.cnblogs.com/xuedexin/articles/5662160.html

2-6 ance desc选择器选择的父标签下包含的所有子标签其实就是一定范围内的相同标签...相关推荐

2-6 ance desc选择器
本节开始,我们将介绍层次性选择器. 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用 ...
【jQuery】ance desc选择器
本节开始,我们将介绍层次性选择器. 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用 ...
css3选择器如何选择同一个父级下的相同class的第一个元素 nth-child nth-of-type
1 2 3 4 5 选择第一个类名: .demo .item: nth-of-type(1) { - } || .demo .item: nth-child(1) { - }; 选择最后一个类名: . ...
html怎么获取父元素下的所有子元素,javascript – 获取具有ID的父元素的子元素的子元素...
非jQuery解决方案 var span = document.getElementById('part1'); var row = span.getElementsByTagName('table' ...
【JQuery】ance desc层次选择器
ance表示父元素,desc表示子元素,调用方式如下: $("ance desc") 两者之间是空的,如果有逗号表示两者之间是并列关系,需要注意的是:ance和desc并不一定是父 ...
html第一个子元素选择,css选中父元素下的第一个子元素(:first-child)
前言最近在项目中用到 :first-child 很容易的就想到了,嗯嗯.这不就是选择第一个元素吗? 好像很好用,平时使用中也没有遇到什么问题,理所当然的就以为它只会选中父元素下的第一个元素,对孙元素 ...
类选择器选择非唯一属性无法精确取值的问题
类选择器选择非唯一属性无法精确取值的问题一.总结一句话总结:因为做的操作并不是精确选取,因为执行了两次选择器,所以肯定不对啊. 二.类选择器选择非唯一属性无法精确取值的问题 1.截图 2.代码 1 ...
element的datepicker日期选择器选择周一到周日并实现上一周和下一周
element的datepicker日期选择器选择周一到周日并实现上一周和下一周实现效果页面初始化效果点击上一周点击下一周实现选择周一和周日过程 1.采用el-date-picker组件,类 ...
layui时间选择器选择周和季度
layui时间选择器选择周和季度最近一个后台管理页面数据查询时间间隔要有:日,周,月,季度,年:UI组件我们用的layui,官方dome只有日月年(直接去ctrl+c ctrl+v就好了,在这就不多 ...

最新文章

热门文章