jQuery通过关系获取节点常用方法整理

parent()
获取到当前元素的直接父元素。例如：

$(function(){
	$("td").parent(); //返回td标签的父元素, 即为tr
})

parents()
获取到当前元素一直往上所经过的所有祖先元素。例如：

$(function(){
	$("td").parents(); //返回所有的祖先元素,即为td到tr到table到body到html
    $("td").parents("table"); //通过过滤器返回指定的祖先元素table，注：只有获取到table元素
});

parentsUntil()
获取到当前元素到指定元素直接的所有的祖先元素，不包含指定的元素。例如：

$(function(){
    $("td").parentsUntil("table"); //返回从td到table之间的所有祖先元素，即为tr，不包括td和table
});

siblings()
获取到当前元素的所有同级元素。例如：

$(function(){
    $("td").siblings(); //获取到td所有同级的其他td，返回值为一个类数组。
});

next()
获取到当前元素的下一个同级元素。例如：

$(function(){
    $("td").next(); //获取到td后面一个td或者其他同级元素，只返回一个元素
});

nextAll()
获取到当前元素的之后的所有同级元素。例如：

$(function(){
    $("td").nextAll(); //获取到td后面所有的td或者其他同级元素，返回值为一个类数组
});

nextUntil()
获取到指定的两个同级元素之间的所有同级元素。不包括指定的元素，例如：

$(function(){
    $("h1").nextUntil("h6"); //获取到h1到h6之间的所有同级元素，不包括h1和h6。
});

prev()
获取到当前元素的上一个同级元素。例如：

$(function(){
    $("td").next(); //获取到td前面一个td或者其他同级元素，只返回一个元素
});

prevAll()
获取到当前元素的之前的所有同级元素。例如：

$(function(){
    $("td").prevAll(); //获取到td前面所有的td或者其他同级元素，返回值为一个类数组
});

prevUntil()
获取到指定的两个同级元素之间的所有同级元素。不包括指定的元素，例如：

$(function(){
    $("h6").prevUntil("h1"); //获取到h6到h1之间的所有同级元素，不包括h1和h6。
});

children()
获取到指定元素的所有直接子元素。返回值为一个类数组，可以添加条件。例如：

$(function(){
	$("tr").children(); //返回tr元素中的所有直接子元素，即为td
				
	$("tr").children(".one"); //返回tr元素中所有类名为one的所有直接子元素td
});

children()
获取到指定元素的所有直接子元素。返回值为一个类数组，可以添加条件。例如：

$(function(){
	$("tr").children(); //返回tr元素中的所有直接子元素，即为td
				
	$("tr").children(".one"); //返回tr元素中所有类名为one的所有直接子元素td
});

find
获取到当前元素的所有后代子元素。返回值为一个类数组，可以添加条件进行筛选。例如：

$(function(){
	$(".div").find(".a"); //返回.div中所有类名为a的后代元素
				
	$(".div").find("*"); //返回.div的所有后代元素
})

first()
返回符合条件的第一个元素。例如：

$(function(){
	$("div p").first(); //返回div标签中第一个p标签元素
})

last()
返回符合条件的最后一个元素。例如：

$(function(){
	$("div p").last(); //返回div标签中最后一个p标签元素
})

eq()
返回符合条件的第n个索引的元素。例如：

$(function(){
	$("p").eq(1); //返回第二个p标签元素。注：重点关注，next（）和last（）都可以使用eq（）获取到
})

filter()
返回符合条件的所有元素，例如：

$(document).ready(function(){
	$("li").filter(".one");	//返回所有类名为one的<li>元素		
})

not()

$(document).ready(function(){
	$("li").not(".one");	//返回所有类名不为one的<li>元素
})