jQuery는 컬렉션 개체입니다. DOM 트리에서 이러한 요소의 하위 요소를 빠르게 찾으려면 find() 메서드를 사용하면 됩니다. 이 메서드도 개발에서 자주 사용됩니다. 여기서는 children과 find 방법의 차이점에 주의해야 합니다. Children은 부모-자식 관계 검색이고 find는 하위 관계(부모-자식 관계 포함)입니다.
노드 검색 관계 이해하기:
<div class="div">
<ul class= "son">
'), 이때 li와 div는 조상이므로 find 메소드를 통해 빠르게 찾을 수 있습니다.
find() 메소드에 대한 지식 포인트:
Find는 현재 요소 컬렉션에 있는 각 요소의 자손을 탐색하는 것입니다. 요건을 충족하기만 하면 아들이든 손자이든 상관없습니다.
다른 트리 탐색 방법과 달리 선택기 표현식은 .find()에 대한 필수 매개변수입니다. 모든 하위 요소를 검색해야 하는 경우 와일드카드 선택기 '*'를 전달할 수 있습니다.
찾기는 자신을 제외하고 자손만 순회합니다.
선택기 컨텍스트는 .find() 메서드로 구현됩니다. 따라서 $('.item-ii').find('li')는 $('li', '.item-ii')(와 동일합니다. 클래스 이름이 item-ii)인 태그 아래에서 li 태그를 찾습니다.
주요 사항:
Find() 및 .children() 메서드는 유사합니다
1. 하위 항목은 첫 번째 수준 하위 노드만 검색합니다.
2. 찾기 검색 범위에는 하위 노드의 모든 하위 노드가 포함됩니다.
이렇게 하세요 예시를 작성하세요
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<p>php.cn</p>
<ul>
<li>php<span> 中文网</span></li>
</ul>
</div>
<script>
$("div").find("span").css("color",'red');
</script>
</body>
</html>다음 섹션