第十三章：第3节jQuery选择器——层级选择器
更新于：2017-12-13 15:32:17
获得一个元素节点对象，通过这个节点对象我们是可以获取到它的父节点、兄弟节点和子节点的。jQuery选择器也有这种层级获取。
层级选择器
1 $(s1 s2) [父子]
派生选择器：在s1内部获得全部的s2节点(不考虑层次)
$(“div span”)
<div>
<span></span>
<p>
<span></span>
</p>
</div>
<span></span>
2 $(s1 > s2) [父子]
直接子元素选择器:在s1内部获得s2的子元素节点
$(“div > span”)
<div>
<span></span>
<p>
<span></span>
</p>
<span></span>
</div>
<span></span>
3 $(s1 + s2) [兄弟]
直接兄弟选择器：在s1后边获得紧紧挨着的第一个兄弟关系的s2节点
$(“div + span”)
<div>
<span></span>
<p>
<span></span>
</p>
<span></span>
</div>
<span></span>
<span></span>
<div></div>
<span></span>
4 $(s1 ~ s2) [兄弟]
后续全部兄弟关系节点选择器：在s1后边获得全部兄弟关系的s2节点
$(“div ~ span”)
<div>
<span></span>
<p>
<span></span>
</p>
<span></span>
</div>
<span></span>
<span></span>
<p></p>
<span></span>
这四种选择器，也就第二种用的比较多。
看演示代码：
大家下载下来自己做测试吧！
我们上面的演示都是用tag标签名称，结合上节课的内容，也可以用id属性值、class属性值：
后面我们还会学习怎么通过jQuery对象的方法获取它的各种层级关系。