jQuery offsetParent() 方法 表示返回最近定位的祖先元素。

语法

$(selector).offsetParent()

没有参数

例子

<!DOCTYPE html>
<html>
<head>
<script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script> 
<style>
div, #p1{
 border: 2px solid blue;
}
h5{
border: 2px solid red;
position: relative;
}
</style>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#p1").offsetParent().css( "background-color", "lightgreen" );
    });
});
</script>
</head>
<body>
<h3> jquery offsetParent() 方法的示例。 </h3>
<div> div
<h5> h5 标题元素
<p id = "p1"> 单击按钮时，该段落第一个定位的父元素的背景颜色将改变。 </p>
</h5>
</div>
<p> 点击下面的按钮查看效果。 </p>
<button> 点击 </button>
</body>

</html>