开发者社区> 突突修> 正文

jQuery|选择器选取指定元素的后代的所有元素。

简介: ("parent descendant") 选择器选取指定元素的后代的所有元素。 元素的后代可以是元素的第一代、第二代、第三代等等。 实例 选取 元素的后代的所有 元素: $("div span") 语法 ("parent descendant") parent 必需。
+关注继续查看

("parent descendant") 选择器选取指定元素的后代的所有元素
元素的后代可以是元素的第一代、第二代、第三代等等。

实例

选取 <div> 元素的后代的所有 <span> 元素:

$("div span")

语法

("parent descendant")
parent 必需。规定要选取的父元素。
descendant 必需。规定要选取的(指定父元素的)后代元素。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("div span").css("background-color","yellow");
});
</script>
</head>
<body>    

<h2>$("div span") 会选取什么元素?</h2>

<h4>这个 div 元素有两个父后代元素 p 和 span:</h4>
<div style="border:1px solid black;padding:10px;">
<p>这是一个段落</p>
<span>这是在 span 元素中的文本</span>
</div>

<h4>这个 div 元素也有两个父后代元素 p 和 span:</h4>
<div style="border:1px solid black;padding:10px;">
<p>在是一个段落 <span>这个 span 元素在 p 标签里面 </span></p>
</div>

</body>
</html>
image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
VUE入门 生命周期 计算属性 监听器 组件【2】(二)
VUE入门 生命周期 计算属性 监听器 组件【2】(二)
5 0
【JSP入门】只知道HTML却不知道JSP?
今天我们继续来总结学习JSP相关知识,上一篇我们学习了Servlet的基础入门,如果你还对Servlet那么建议你先去看一下上篇文章再回来。
4 0
Python + highcharts 制作世界各地主题公园分布网站
Python + highcharts 制作世界各地主题公园分布网站
7 0
Markdown 拓展-免费图床/网盘方案
前言 最近时常在 gitee.io 上写一些 markdown 格式的文章,所以亟需获取免费的图床服务。要求是最好还能自定义文件名。
11 0
YApi 官网说明文档-接口操作
为方便和前端, 节省沟通成本, 编写接口文档非常有比较 使用过swagger, 觉得入侵性太大. POST又感觉和项目结合的不太紧密. 所以一直在寻找 新的接口阅读/生成/测试工具. 下面介绍一下YApi.
5 0
【JSON快速入门】使得XML被人们淘汰的技术,你还不知道?
首先大家要知道JSON是一种轻量级的数据交换格式,类似与之前的XML,那么我们学习过了XML了为什么还要学习JSON呢?是因为JSON太过于火热使得XML被人淘汰了哈哈哈。
4 0
几款强大的 Pandas 数据探索工具,推荐收藏使用
几款强大的 Pandas 数据探索工具,推荐收藏使用
4 0
阿里云轻量应用服务器和ECS突发性能t6有什么区别?
阿里云服务器ECS突发性能型t6和轻量应用服务器如何选择?一个限制CPU基准性能,一个100% CPU性能
11 0
+关注
197
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载