jQuery CSS 操作 - offsetParent() 方法 概述
jQuery 2022-06-01 17:15:41小码哥的IT人生shichen
jQuery CSS 操作 - offsetParent() 方法
实例
设置最近的祖先定位元素的背景颜色：
$("button").click(function(){
$("p").offsetParent().css("background-color","red");
});
完整实例：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").offsetParent().css("background-color","red");
});
});
</script>
</head>
<body>
<div style="width:70%;position:absolute;left:100px;top:100px">
<div style="margin:50px;background-color:yellow">
<p>点击下面的按钮可以设置本段落的最近的父（祖先）元素的背景色。</p>
<div>
</div>
<button>点击这里</button>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
offsetParent() 方法返回最近的祖先定位元素。
定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。
可以通过 jQuery 设置 position，或者通过 CSS 的 position 属性。
语法
$(selector).offsetParent()