jQuery parent > child 选择器

实例

选择作为 <div> 元素的直接子元素的所有 <span> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/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:</h4>
<div style="border:1px solid black;padding:10px;">
  <p>这是一个段落。<span>这是段落内的 span</span></p>
</div>
</body>
</html>

运行一下

定义与用法

("parent > child") 选择器选择作为指定元素的直接子元素的所有元素。

语法

参数	描述
parent	必填。指定要选择的父元素
child	必填。指定要选择的（指定父元素的）直接子元素

jQuery parent > child 选择器

实例

定义与用法

语法

更多实例

分类导航