jQuery 遍历
来源:互联网 发布:lol国服mac版本几时出 编辑:程序博客网 时间:2024/06/16 02:24
1.什么是遍历?
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
上图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。
遍历方法中最大的种类是树遍历(tree-traversal)。
2.jQuery 遍历 - 祖先
(1)jQuery parent() 方法-返回被选元素的直接父元素
$(document).ready(function(){ $("span").parent();});
(2)jQuery parents() 方法-返回被选元素的所有祖先元素
$(document).ready(function(){ $("span").parents();});
(3)jQuery parentsUntil() 方法-返回介于两个给定元素之间的所有祖先元素
$(document).ready(function(){ $("span").parentsUntil("div");});
3.jQuery 遍历 - 后代
(1)jQuery children() 方法-返回被选元素的所有直接子元素
$(document).ready(function(){ $("div").children();});
(2)jQuery find() 方法-返回被选元素的后代元素,一路向下直到最后一个后代
$(document).ready(function(){ $("div").find("span");});
4.jQuery 遍历 - 同胞
(1)jQuery siblings() 方法-返回被选元素的所有同胞元素
$(document).ready(function(){ $("h2").siblings();});
(2)jQuery next() 方法-返回被选元素的下一个同胞元素
$(document).ready(function(){ $("h2").next();});
(3)jQuery nextAll() 方法-返回被选元素的所有跟随的同胞元素
$(document).ready(function(){ $("h2").nextAll();});
(4)jQuery nextUntil() 方法-返回介于两个给定参数之间的所有跟随的同胞元素
$(document).ready(function(){ $("h2").nextUntil("h6");});
5.jQuery 遍历 - 过滤
(1)jQuery first() 方法-返回被选元素的首个元素
$(document).ready(function(){ $("div p").first();});
(2)jQuery last() 方法-返回被选元素的最后一个元素
$(document).ready(function(){ $("div p").last();});
(3)jQuery eq() 方法-返回被选元素中带有指定索引号的元素
$(document).ready(function(){ $("p").eq(1);});
(4)jQuery filter() 方法-允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
$(document).ready(function(){ $("p").filter(".intro");});
(5)jQuery not() 方法-返回不匹配标准的所有元素
$(document).ready(function(){ $("p").not(".intro");});
- JQuery遍历
- JQUERY遍历
- Jquery遍历
- jquery遍历
- jQuery 遍历
- jQuery 遍历
- jQuery 遍历
- jquery 遍历
- jQuery 遍历
- jQuery 遍历
- jQuery遍历
- JQuery 遍历
- jQuery 遍历
- jQuery遍历
- jQuery 遍历
- JQuery 遍历
- jQuery遍历
- jquery 遍历
- 运用字符串中位置的调换,比较一个旋转与另一个字符串是否相同。上篇博客的拓展。
- 1、安装与卸载
- Unity打包发布设置Bundle Identifier
- ionic3开发系列——ionic3懒加载配置
- 设计模式从零开始——工厂方法模式
- jQuery 遍历
- cnn
- 洛谷P1355 神秘大三角
- 使用opencv作物件识别(一) —— 积分直方图加速HOG特征计算
- 11/5训练日记
- C#换行分隔研究报告
- ACM-11月5日周日周末训练心得
- 【JZOJ 5446】【NOIP2017提高A组冲刺11.3】高考是不可能高考的
- 2017.11.5