jQuery遍历

1.祖先

parent()方法：返回被选元素的直接父元素

$(document).ready(function(){
$("span").parent();
});

parents()方法：返回被选元素的所有祖先元素，一直到文档的根元素

parentsUntil()方法： 返回介于两个给定元素之间的所有祖先元素

$(document).ready(function(){
$("span").parentsUntil("div");
});

2.后代

children()方法返回被选元素的所有直接子元素，只会向下一级对DOM树进行遍历

//返回div元素所有的直接子元素
$(document).ready(function(){
$("div").children();
});

//返回类名为1的所有p元素，并且它们是div的直接子元素
$(document).ready(function(){
$("div").children("p.1");
});

find()方法：返回被选元素的后代元素，一路向下知道最后一个后代

//返回div后代中所有的span元素
$(document).ready(function(){
$("div").find("span");
});

//返回div的所有后代
$(document).ready(function(){
$("div").find("*");
});

3.同胞

siblings()方法返回被选元素的所有同胞元素

next()返回被选元素的下一个同胞元素，只返回一个元素

nextAll()返回被选元素的所有跟随的同胞元素

nextUntil()返回介于两个给定参数之间的所有跟随同胞元素

prev(), prevAll() & prevUntil() 方法与上面的方法类似，只是向上查找元素

4.过滤

first()返回被选元素的收个元素

$(document).ready(function(){
$("div p").first();
}); //返回首个div中的第一个p元素

last()返回被选元素的最后一个元素

$(document).ready(function(){
$("div p").last();
});//最后一个div元素中的最后一个p元素

eq()返回被选元素中带有指定索引号的元素

$(document).ready(function(){
$("p").eq(1);
});//索引号从0开始，返回第二个p元素

filter()方法

$(document).ready(function(){
$("p").filter(".intro");
});//返回类名为intro的所有p元素

not()返回不匹配标准的所有元素

$(document).ready(function(){
$("p").not(".intro");
});//返回不带类名intro的所有p元素