jQuery学习笔记（三）jQuery遍历

来源：互联网发布：网络作家船长写的小说编辑：程序博客网时间：2024/05/17 04:18

jQuery遍历是什么？用来干什么？

HTML中的标签元素之间可能有包含关系，所有的标签元素就会构成一个树形结构，根是<html>.

jquery遍历允许我们从某个标签元素开始，沿着树去寻找其他标签。（就像OS中的文件系统的相对路径一样）

这种遍历叫做“对DOM进行遍历”

下面一一进行介绍：

$(document).ready(function(){$("span").parent();});

//以上返回<span>元素的直接父元素

$(document).ready(function(){$("span").parents();});

//以上返回<span>元素的所有祖先元素

parents()中可以在括号中添加过滤功能：

$(document).ready(function(){$("span").parents(“ul”);});

//以上返回<span>的所有为<ul>的祖先

$(document).ready(function(){$("span").parentsUntil(“div”);});

//上述返回结余当前tag<span>与其祖先<div>之间的所有tag

下面一一进行介绍：

$(document).ready(function(){$("div").children();});

//以上返回<div>的所有直接后代

$(document).ready(function(){$("div").children(“p.1”);});

//以上返回<div>的直接后代中所有类名为“1”的<p>元素

$(document).ready(function(){$("div").find(“span”);});

//以上返回<div>后代中所有的<span>元素

$(document).ready(function(){$("div").find(“*”);});

//以上返回<div>的【所有后代】

$("h2").siblings();//返回<h2>的所有同胞元素

$("h2").siblings("p");//返回属于 <h2> 的同胞元素的所有 <p> 元素

$("h2").next();//返回<h2>的下一个同胞元素

$("h2").nextAll();//返回 <h2> 的所有跟随的(后面所有的)同胞元素

$("h2").nextUntil("h6");//返回介于 <h2> 与 <h6> 元素之间的所有同胞元素

在选出了一组元素时，如何选定某个元素：

是否匹配某项指定标准：

0 0