获取DOM节点的方法汇总

采用CSS选择器的语法，即#abc，div.abc,#abc .abc等。

方法

用途

祖先

$("#A").parent()

获取A节点的直接父节点

$("#A").parents()

获取A节点的所有祖先节点

$("#A").parents(".B")

获取A节点的所有祖先节点中的B节点

$("#A").closet("B")

获取A节点的第一个为B的祖先节点

后代

$("#A").children()

获取A节点的直接子节点

$(".A").children(".B")

获取A节点的所有为B的直接子节点

$("#A").find("*")

获取A节点的所有后代节点

$("#A").find(".B")

获取A节点的所有为B的后代节点

同胞

$("#A").prev()

获取A节点的上一个兄弟节点

$("#A").prevAll()

获取A节点之前的所有兄弟节点

$("#A").prevUntil(".B")

获取A节点之前、B节点之后的所有兄弟节点

$("#A").next()

获取A节点的下一个兄弟节点

$("#A").nextAll()

获取A节点之后的所有兄弟节点

$("#A").nextUntil(".B")

获取A节点之后、B节点之前的所有兄弟节点

$("#A").siblings()

获取A节点的所有兄弟节点

$("#A").siblings(".B")

获取A节点的所有为B的兄弟节点

过滤

$("A B").first()

获取第一个A节点的第一个B节点

$("A B").last()

获取最后一个A节点的最后一个B节点

$(".A").eq(0)

获取所有A节点中的第一个A节点

$("A").filter("B")

获取A节点中的所有B节点

$("A").not("B")

获取A节点中的不包括B节点的所有节点

我们都知道，当获得所有节点（如：getElementsByTagName）或者获得所有子元素（如：element.childNodes）时，实际上返回的是包含一些DOM节点的集合，这个集合要么是 HTMLCollection，要么是 NodeList，两者其实都是类数组的对象。