jQuery层次选择器

层次选择器

$("ancestor decendant")      选取 ancestor 元素里所有 decendant (后代)元素。

$("parent > child")  选取parent元素下的child(子)元素，与$("ancestor decendant") 有区别，$("ancestor decendant") 选取的是后代元素。

$("prev + next") 选取紧接在pre元素后的next元素。

$("pre ~siblings") 选取pre之后的所有siblings元素

事例

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

$("div >span")  选取<div>元素下元素名是<span>的子元素

$(".one + div")  选取class为one的下一个<div>同辈元素

$("#two~div") 选取id为two的元素后面的所有<div>同辈元素