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
目录
相关文章
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
30 2
|
1月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
43 10
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
40 5
|
29天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
20 2
|
2月前
|
JavaScript
jQuery 选择器
jQuery 选择器
25 3
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
29 1
|
2月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
26 6
|
2月前
|
JavaScript
jQuery 遍历 - 后代
jQuery 遍历 - 后代
16 2