jquery--DOM遍歷

jquery--DOM遍歷:

1、祖先

1.1  parent()----向上一級對DOM樹遍歷,返回被選元素的直接父元素

1.2  parents()----返回被選元素的所有祖先元素

 1.3  parentsUntil()---返回介於兩個給定元素之間的所有祖父元素

     eg: $("span ").parentsUntil("div"),返回介於span和div元素之間的所有祖先元素 

2、後代(向下遍歷)

2.1 children()----返回被選元素的所有直接子元素,也可選參數來過濾子元素的搜索

2.2 find()----返回被選元素的後代元素,一路向下直到最後一個後代

3、同胞

3.1 siblings()----返回被選元素的所有同胞元素,也可以選參數來過濾對同胞元素的搜索

      eg: $("span ").siblings("p"),返回介於span的同胞元素的所有p元素 

3.2 next()----返回被選元素的下一個同胞元素

3.3 nextAll()----返回被選元素的所有跟隨的同胞元素

3.4 nextUntil()----返回介於給定參數之間的所有跟隨的同胞元素

      eg: $("span ").nextUntil("p"),返回介於span和p元素之間的所有同胞元素

3.5  prev()---獲得匹配元素集合中每個元素緊鄰的前一個同胞元素

3.6  prevAll()---獲得匹配元素集合中每個元素之前的所有同輩元素

3.7  prevUntil()----獲得每個元素之前所有的同輩元素,直到遇到匹配選擇器的元素爲止。

4、過濾

4.1 first()----返回被選元素的首個元素

eg: $(" div p").first(),選取div元素內部的第一個p元素

4.2 last()----返回被選元素的最後一個元素

4.3 eq()---返回被選元素等於帶有指定索引號的元素

eg: $(" p").eq(1),索引號從0開始

4.4 filter()----返回匹配的元素,不匹配會被從集合中刪除

eg: $(" p").filter(“.url”),返回嗲有類名 url的所有的p元素

4.5  not()----返回不配的所有元素,與方法filter()相反

4.6  has()---將匹配元素集合縮減爲擁有匹配指定選擇器

eg: $(" ul").has(“li”).addClass(".full"), ul下的li添加類full

4.7 slice()---- 把匹配元素集合縮減爲指定的指數範圍的子集

eg:$("p").slice(0,2);  選擇段落只包含第一、第二段落

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章