jquery对DOM的遍历,实用且高效！

其实web前端有了jquery之后，轻松了许多，功能也丰富了许多。

祖先！

所谓祖先也就是某个元素的所有上级元素！

结合例子来说最基本的遍历祖先的操作！

$("p").parent(),获取p元素的父元素！不包扩他的爷爷及以上的辈分！

$("p").parents(),获取p元素的所有的长辈！对于这个方法我们就可以进行一定的过滤。比如$（"span"）.parents("ul"),至获取长辈中的ul元素。

$("p").parentsUntil("div")获取p往上到div之间的所有元素，不包括p 和 div元素。

子代！

$("div").children();获取该div下的直接子元素，也就是下一代。他的儿子！不包括孙子。

$("div").children("p.demo")获取儿子中的class为demo的p元素。

$("div").find("*"),获取所有的子背！

$(“div”).find("span");获取子背中的所有span元素

同胞！

siblings() 获取所有的同胞

siblings("p")获取所有同胞中的p元素

next() 获取下一个元素

nextAll() 获取下面的所有同胞

nextUtil(“h3”) 获取下一个元素，知道h3元素，不包括h3

prev()

prevAll()

prevUtil()与上面的相反

过滤！！！！

下面来说一下我们经常会用到过滤器！

$("p").first()返回第一个p元素 等同于 $("p:first")

$("p").last()得到最后一个p元素 等同于$("p:last")

$("p").eq(index)得到下表为index的p元素 $("p:eq('index')")

$("p").filter(".class");得到css类为class的p元素

$("p").not(".class");得到css类不是class的p元素 等价与 $("p:not('.class')")