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元素