jquery多種遍歷方法
prev()
prev() 獲得匹配元素集合中每個元素緊鄰的前一個同胞元素,可使用選擇器進行篩選。
$("p").prev()//獲得"p"前一個元素
next()
next() 獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的
下一個同胞元素。
$("p").next()//獲得"p"後一個元素
siblings()
siblings() 獲得匹配集合中每個元素的同胞,可使用選擇器進行篩選。
$("p").siblings(".wanglichuan")//查詢每個 p 元素的所有類名為 "wanglichuan"的所有同胞元素
parent()
parent() 獲得當前匹配元素集合中每個元素的父元素,可使用選擇器進行篩選。
$("p").parent(".selected")//查詢每個段落的帶有 "wanglichuan" 類的父元素
children()
children() 方法返回匹配元素集合中每個元素的子元素,可使用選擇器進行篩選。
$("div").children(".wanglichuan")//找到類名為 "wanglichuan" 的所有 div 的子元素
find()和children()對比
區別:1、children方法獲得的僅僅是元素一下級的子元素,find方法獲得所有下級元素(childre它是獲得匹配元素集合中每個元素的所有子元素(不包括自己,只能在兒子輩(第一層)查詢。find()除了兒子輩,還包括孫子輩,即只要是它的後代就行。)
2、children方法的引數selector 是可選的,用來過濾子元素,但find方法的引數selector方法是必選的。
each()
each() 方法迴圈的匹配元素。
$("p").each(function(){
alert("wanglichuan")
});//迴圈每一個p元素
eq()
eq() 方法將匹配元素集縮減值指定 index 上的一個。
$("body").find("div").eq(3)//選擇index為3的div