목차
offsetParent() 예제 - 처음(=최근접) position 지정된 부모요소 반환 offsetParent() 정의 offsetParent() 구문
offsetParent() 예제 - 처음(=최근접) position 지정된 부모요소 반환
<!DOCTYPE html>
<html>
<head>
<style>
.grand {
border:1px solid black; position:absolute;left:10px;top:50px
}
.parent {
border:1px solid black;margin:50px;padding:10px; background-color:yellow
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").offsetParent().css("background-color", "red");
});
});
</script>
</head>
<body>
<button>클릭</button>
<div class="grand">
<div class="parent">
<p>홈짱닷컴 Homzzang.com</p>
</div>
</div>
</body>
</html>
결과보기
offsetParent() 정의
처음(=최근접) position 지정된 부모요소 반환.
즉,
jQuery나 CSS로 (relative, absolute, fixed) 중 하나로 position 된 조상 요소들 중에서 지정 선택자로부터 가장 근접한 요소를 말함.
offsetParent() 구문
$(selector ).offsetParent()
[매개변수]
없음.
