parent()：返回所选元素的直接父级元素。
parents()：返回所选元素的直接或间接父元素，通俗说就是祖先级（含父级）
这几个方法都可以跟参数，表示进一步限定。
比如 $("span").parent() 表示所有 span 的父元素。
而 $("span").parent("div") 表示所有 span 的父元素中，筛选标签为 div 的父元素。
注意：parent() 返回也可能是多个元素，为什么呢？因为 $("span") 可能是多个。
children()： 方法返回被选元素的所有直接子元素。
来看一个例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
$("p").children().css({
"color": "red", "border": "2px solid red"
});//所有直接子元素变色
$("span").parent('p').css({
"color": "green"
});//所有父元素变色
$("span").parents('div').css({
"border": "2px solid green"
});//所有父元素变色
});
</script>
<style>
</style>
</head>
<body>
<div>
<p id="1">
<span>children</span>
1
</p>
<p id="2">
<span>children</span>
2
</p>
<p id="3">
<span>children</span>
3
</p>
</div>
</body>
</html>
网友回复
我知道答案，我要回答
私活外包
最新提问
ace.js如何获取选择文本的开始和结束行数？
如何把qwen code cli或gemini cli的免费调用额度换成http api对外开放接口？
如何限制windows10电脑只能打开指定的程序？
python如何调用ai大模型实现web网页系统的功能测试并生成测试报告？
有没有免费进行web网站ai仿真人测试生成测试报告的mcp服务或api？
Context Engineering到底是啥，有什么用？
如何使用Google veo 3+高斯溅射(Gaussian Splatting)技术生成4d视频？
浏览器中如何实时调用摄像头扫描二维码？
grok4、gemini2.5pro、gpt5、claude4.1到底谁的编程能力更强一些？
python能将2d平面户型图转换成3d三维户型效果图吗？
