上次已经给大家介绍过java中jQuery的遍历循环有哪些的主要内容了，里面的知识是比较简单的。今天再来简述一些与JQuery有关的知识，也就是关于它的遍历方法，一起来了解一下吧。
首先将实例代码为大家展示出来，如下所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JQuery</title> <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> </script> </head> <body> <div> <form action="#" method="post" id="ff"> <h5>注册信息</h5> 用户名：<input type="text" name="username" id="username" value="张三"/><span id="usernameSpan"></span><br/> 性 别：<input type="radio" name="sex" value="男" checked="checked"/>男<input type="radio" name="sex" value="女"/>女<span></span><br/> 爱 好:<input type="checkbox" name="hobby" value="足球" />足球<input type="checkbox" name="hobby" value="游泳"/>游泳 <input type="checkbox" name="hobby" value="棋牌" />棋牌<span></span><br/> 毕业院校：<select name="school" id="school" class="sd"> <option value="--请选择--">--请选择--</option> <option value="清华大学">清华大学</option> <option value="北京大学">北京大学</option> <option value="挖掘机技术学院">挖掘机技术学院</option> </select><span></span><br/> 个人简介：<textarea rows="3" cols="20" name="introduce" id="introduce"></textarea><span></span><br/> <input type="button" value="提交" onclick="sub();"/> <input type="reset" name="" id="" value="重置" /> </form> </div> </body> </html>
然后来了解一下，JQuery元素遍历
一、查找父元素
语法1：子元素对象.parent():该方法返回子元素的直接父元素的对象
语法2：子元素对象.parents()：该方法返回子元素的所有父元素
语法3：子元素对象.parents(元素)：该方法返回指定的父元素对象
实例：获取h5标签的父元素div，代码如下所示：
$(function ()
{
console.log($("h5")
.parents("div"));
});如下图：
二、查找子元素
语法1：父元素对象.children() :该方法返回父元素对象的所有直接子元素
语法2：父元素对象.children(元素) :该方法返回父元素对象的指定直接子元素
语法3：父元素对象.find(元素)：该方法返回父元素的指定子元素对象
实例：获取id为ff的元素下的id为school的元素对象，代码如下所示：
$(function ()
{
console.log($("#ff")
.find("#school"));
});如下图：
三、查找兄弟元素
语法1：元素对象.next()：该方法返回元素对象紧挨着的下一个元素对象
语法2：元素对象.prev()：该方法返回元素对象紧挨着的上一个元素对象
实例：获取h5标签的下一个元素对象，代码如下所示：
$(function ()
{
console.log($("h5")
.next());
});如下图：
四、过滤指定元素
语法：元素对象集合.eq(index)：该方法返回元素集合中的指定下标的元素对象，index从0开始，类似于Java数组下标。
实例：遍历id为ff的元素下所有input子标签，代码如下所示：
$(function ()
{
var ch = $("#ff")
.find("input");
console.log(ch.length);
for (var i = 0; i < ch.length; i++)
{
console.log(ch.eq(i));
}
});如下图：
上面这些就是常用的java中JQuery的遍历方法，具体的内容还是有一些复杂的，需要一定的时间去理解。如果你想要了解更多java经典例子，敬请关注奇Q工具网。
推荐阅读：