<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery Etc Traversing</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<style>
.container * {
display: block;
border: 1px solid lightgray;
padding: 5px;
margin: 15px;
}
</style>
<script>
$(function() {
$("button").on("click", function() {
$("#divBox") // id가 "divBox"인 요소의
.find("p") // 자손 요소 중에서 <p>요소를 모두 선택하고,
.end() // 선택된 요소의 집합을 find() 메소드의 실행 전으로 복원함.
.css("border", "2px solid green"); // 따라서 id가 "divBox"인 요소의 CSS 스타일을 설정함.
});
});
</script>
</head>
<body>
<h1>.end() 메소드</h1>
<div class="container">
<div id="divBox">div 요소
<p>p 요소</p>
</div>
</div>
<button>div 요소 선택</button>
</body>
</html>