汉典,国语词典当中讲,遍历的意思是:各處都到過。
南史.卷七十六.隱逸傳下.陶弘景傳:「始從東陽孫游嶽受符圖經法,遍歷各山,尋訪仙藥。」
遍历,就当做是顺藤摸瓜吧。
通过 jQuery 遍历,能够从当前元素开始,在DOM结构中顺藤摸瓜,向上移动(寻找祖先),向下移动(查询子孙),水平移动(锁定同胞)。这种移动被称为对 DOM 进行遍历。
jQuery 祖先
parent() // 可以查到父级 parents() // 可以查到祖父,甚至曾祖父,直到根元素html。 parentsUntil() // 该方法返回介于两个给定元素之间的所有祖先元素
下面的例子返回所有p元素的所有祖先中的ul元素。
$("p").parents("ul");
jQuery 后代
children() // 可以查到子级 find() // 返回被选元素的后代元素,一路向下直到最后一个后代
下面的例子返回p元素的所有span后代。
$("p").find("span");
jQuery 同胞
siblings() // 返回被选元素的所有同胞元素 next() // 返回被选元素的下一个同胞元素 nextAll() // 返回被选元素的所有跟随的同胞元素 nextUntil() // 返回介于两个给定参数之间的所有跟随的同胞元素 prev() // 返回被选元素的上一个同胞元素 prevAll() // 返回被选元素的所有排在前面的同胞元素 prevUntil() // 返回介于两个给定参数之间的所有排在前面的同胞元素
jQuery 过滤
first() // 返回被选元素的首个元素。 last() // 返回被选元素的最后一个元素。 eq() // 返回被选元素中带有指定索引号的元素。注意:索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。 filter() // 返回被选元素中匹配该元素标准的元素。 not() // 返回被选元素中不匹配标准的所有元素。
例1:
选择最后一个div元素中的最后一个p元素:
$("div p").last();
例2:
选中类名为”demo” 的所有div元素:
$("div").filter(".demo");
遍历手册:
Method | Description |
---|---|
add() | 将元素添加到匹配元素的集合中。 |
addBack() | 将前一组元素添加到当前集合中 |
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() | 将匹配元素集合缩减为指定范围的子集。 |
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。