JQuery笔记 遍历 ①

一、遍历

(一)遍历后代元素

JQuery方法	描述
$(“选择器父节点”).children()	获取所有子节点
$(“选择祖先节点”).find(“选择器”)	获取所有指定的子孙节点

$(".first").children().css(f"background":"red"));
$(".first").children("li").css(f"background":"#0000ff"});
$(".first").find("li").css({"background": "orange"});

children可以传参也可以不传参获取所有的子节点，传参获取指定的节点

find需要传递参数，根据参数找到所有的子孙节点

(二)遍历同辈元素

语法	功能
siblings	获取所有的兄和弟节点，如$(“li”).siblings()
next()	获取与节点紧邻的后面一个同辈元素，如$(“li”).next()
nextAll()	选取节点后面所有的同辈元素，如$(“li”).next()
prev()	选取节点紧邻的前一个同辈元素，如$(“li”).prev()
prevAll()	选取节点前面所有的同辈元素，如$(“li”).prevAll()

(三)遍历前辈元素

parents() 返回被选元素的直接父元素

parents() 返回被选元素的所有祖先元素，一路向上知道文档的根元素

$("li").parents()
$("li").parent()    //找到选中节点的父元素

(四)过滤元素

节点集合.first() 获取首个元素

节点集合.last() 获取最后一个元素

节点集合.eq() 获取带有指定索引号的元素