jQuery中的层次选择器

用于通过DOM元素之间的层次关系来获取特定元素，如后代元素、子元素、相邻元素和兄弟元素等

$("ancestor,descendant")

获取ancestor元素中所有descendant（后代）元素，返回一个集合元素。

$("div span")  //选取<div>里所有<span>元素

$("parent,child")

获取parent元素下child（子）元素，返回一个集合元素

$("table>tr")  //获取<table>元素下元素名为<tr>的元素

注：和现实生活中的概念一样，子元素就是指儿子，是自己直接生出来的，而后代元素则是指儿子、孙子、曾孙、重孙……，即辈分低于自己的所有都是后代

$('prev+next')

获取prev元素后紧接的next元素,返回一个集合元素

$('.demo+div') //获取class为demo的元素后的下一个<div>元素

$('prev~siblings')

获取prev元素后所有siblings元素,返回一个集合元素

$('#demo~div')  //获取id为demo的元素后的所有<div>兄弟元素