实例看上一篇博客
jQuery层次选择器:
$(“div span”):
选取<div>下面的所有的<span>元素,包括后代元素
$(“div >span”):选取<div>元素下面(儿子)所有的<span>子元素,不包括后代元素
$(“.one + div”):
选取class为one的下一个<div>相邻元素,即紧接着.one元素后面的div元素
“+”紧接着的意思,相邻 不间隔 的元素
$(“#one ~ div”):选取id为one的元素之后的所有同辈的<div>兄弟元素,可以间隔其他元素
$(“div:first”)选取所有<div>元素中第1个<div>元素
$(“div:last”)选取所有的<div>元素中最后1个
$(“div:not(.one)”) 选取class不是one的<div >元素not
$(“div:even”)选取索引值为偶数的<div>
$(“div:odd”)选取索引值为奇数的<div>
$(“div:eq(1)”)选取索引值为1的<div>元素
$(“div:gt(3)”)选取索引值大于3的<div>元素
$(“div:lt(3)”)选取索引值小于3的<div>元素
$(“:header”)选取网页中所有的<h1>、<h2>
$(“div:animated”)选取正在执行动画的<div>