jquery遍历节点的方法相对来说是一个大模块。可以用于查找,过滤和串联等等操作。非常方便匹配到自己想要的元素进行对应的操作。同时根据jquery的选择器的链式编程,可能一行代码就可以实现一个强大的功能。
1、children()方法
语法:$(selector).children()
解释:返回匹配到的元素的子代元素,注意只是子代元素,而且是子元素集合。
2、next()方法
语法:$(selector).next();
解释:用于获取匹配到的元素后面紧邻的同辈元素。关键字:后面、紧邻、同辈。只有同时满足这三个条件才能匹配成功。如果匹配失败,则返回的数组长度为0.
3、prev()方法
语法:$(selector).prev();
解释:该方法和用于获取匹配到的元素前面紧邻的同辈元素。关键字:前面,紧邻,同辈。
4、silblings()方法
语法:$(selector).siblings();
解释:用于获取匹配到的元素前后所有同辈的元素。不包括自己。
5、closest()方法
语法:$(selector).closest();
该方法用于获取最近的匹配元素。所谓最近,当前本身最近。所以,closest()方法会先匹配自身是否有符合条件的元素,如果存在,也就是匹配成功,本次匹配结束,返回匹配到的元素对应的jquery对象。如果本身不存在,向上查找父元素,并且会逐级向上查找,直到查找到根元素。如果最后没有查找,就返回一个空的jquery对象。
6、parent()、parents()与closest()方法区别
语法:$(selector).parent();
解释:用于获取匹配到的元素的父元素。
语法:$(selector).parents();
解释:用于获取匹配到的元素的父祖元素。就是一目前正在处理的元素为主,其向上有几级父元素,全部获取并以集合的方式返回。
7、find()方法
语法:$(selectorA).find(selectorB);
解释:这个函数是找出正在处理的元素的后代元素的好方法。选择器A匹配到的元素为正在处理的元素,寻找这些处理元素的后代元素,但是这些后代元素需要和selectorB匹配。