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

相关推荐