jQuery 遍历 基础

jQuery 遍历

jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。
以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。





<div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先。
<ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素
左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
<span> 元素是 <li> 的子元素,同时是 <ul> 和 <div> 的后代。
两个 <li> 元素是同胞(拥有相同的父元素)。
右边的 <li> 元素是 <b> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
<b> 元素是右边的 <li> 的子元素,同时是 <ul> 和 <div> 的后代。


向上遍历 DOM 树
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

实例:
$("span").parentsUntil("div"); //返回介于 <span> 与 <div> 元素之间的所有祖先元素



向下遍历 DOM 树
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。



在 DOM 树中水平遍历
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
//$("h2").nextUntil("h6");

prev() //与next方向相反
prevAll()
prevUntil()



jQuery 遍历 - 过滤
first() 方法返回被选元素的首个元素。
//$("div p").first();//第一个<div> 元素内部的第一个 <p> 元素(要符合两个条件)

last() 方法返回被选元素的最后一个元素。
// $("div p").last();//最后一个 <div> 元素中的最后一个 <p> 元素(要符合两个条件)

eq() 方法返回被选元素中带有指定索引号的元素。首个元素的索引号是 0 而不是 1。
//$("p").eq(1);

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
//$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。 //$("p").not(".intro");



参考原文: http://www.w3school.com.cn/jquery

猜你喜欢

转载自huangyongxing310.iteye.com/blog/2321540
今日推荐