本文給大家帶來Query遍歷方法的總結,需要的朋友可以參考下，希望能幫助到大家。下面跟隨小編一起來看一下吧。
函數 描述
.add() 將元素添加到匹配元素的集合中。
.andSelf() 把堆棧中之前的元素集添加到當前集合中。
.children() 獲得匹配元素集合中每個元素的所有子元素。
.closest() 從元素本身開始，逐級向上級元素匹配，并返回最先匹配的祖先元素。
.contents() 獲得匹配元素集合中每個元素的子元素，包括文本和注釋節點。
.each() 對 jQuery 對象進行迭代，為每個匹配元素執行函數。
.end() 結束當前鏈中最近的一次篩選操作，并將匹配元素集合返回到前一次的狀態。
.eq() 將匹配元素集合縮減為位于指定索引的新元素。
.filter() 將匹配元素集合縮減為匹配選擇器或匹配函數返回值的新元素。
.find() 獲得當前匹配元素集合中每個元素的后代，由選擇器進行篩選。
.first() 將匹配元素集合縮減為集合中的第一個元素。
.has() 將匹配元素集合縮減為包含特定元素的后代的集合。
.is() 根據選擇器檢查當前匹配元素集合，如果存在至少一個匹配元素，則返回 true。
.last() 將匹配元素集合縮減為集合中的最后一個元素。
.map() 把當前匹配集合中的每個元素傳遞給函數，產生包含返回值的新 jQuery 對象。
.next() 獲得匹配元素集合中每個元素緊鄰的同輩元素。
.nextAll() 獲得匹配元素集合中每個元素之后的所有同輩元素，由選擇器進行篩選（可選）。
.nextUntil() 獲得每個元素之后所有的同輩元素，直到遇到匹配選擇器的元素為止。
.not() 從匹配元素集合中刪除元素。
.offsetParent() 獲得用于定位的第一個父元素。
.parent() 獲得當前匹配元素集合中每個元素的父元素，由選擇器篩選（可選）。
.parents() 獲得當前匹配元素集合中每個元素的祖先元素，由選擇器篩選（可選）。
.parentsUntil() 獲得當前匹配元素集合中每個元素的祖先元素，直到遇到匹配選擇器的元素為止。
.prev() 獲得匹配元素集合中每個元素緊鄰的前一個同輩元素，由選擇器篩選（可選）。
.prevAll() 獲得匹配元素集合中每個元素之前的所有同輩元素，由選擇器進行篩選（可選）。
.prevUntil() 獲得每個元素之前所有的同輩元素，直到遇到匹配選擇器的元素為止。
.siblings() 獲得匹配元素集合中所有元素的同輩元素，由選擇器篩選（可選）。
.slice() 將匹配元素集合縮減為指定范圍的子集。
測試代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <link rel="stylesheet" type="text/css" href="table.css"> <title></title> <script src="../jquery-1.7.2.js" type="text/javascript"></script> <style type="text/css"> </style> <script type="text/javascript"> $(function() { //next()查找下一個緊鄰的節點next("#x")查找下一個緊鄰的id為x的節點 $("#d4").next().css("background-color","red"); //nextAll()之后的所有節點.之后的所有的div標簽nextAll("div") $("#d4").nextAll().css("background-color","red"); //之前的緊鄰節點 $("#d4").prev().css("background-color","red"); //之前的所有節點 $("#d4").prevAll().css("background-color","red"); //查找所有的兄弟節點 $("#d4").siblings().css("background-color","red"); //查找本節點和本節點之后的節點,end()返回上一次jQuery對象被破壞之前的狀態 $("#d4").nextAll().css("background-color","red").end().css("background-color","red"); $("#d4").nextAll().andSelf().css("background-color","red"); $("#d4").nextAll().andSelf().end().css("background-color","red"); }); </script> </head> <body> <div>11111111</div> <div>22222222</div> <div>33333333</div> <div id="d4">44444444</div> <p>55555555</p> <div>66666666</div> <div>77777777</div> <div>88888888</div> <div>99999999</div> </body> </html> 大家可以測試一下，對學習很有幫助。
新聞熱點
疑難解答
