jQuery 순회 find() 메소드
jQuery는 컬렉션 개체입니다. DOM 트리에서 이러한 요소의 하위 요소를 빠르게 찾으려면 find() 메서드를 사용하면 됩니다. 이 메서드도 개발에서 자주 사용됩니다. 여기서는 children과 find 방법의 차이점에 주의해야 합니다. Children은 부모-자식 관계 검색이고 find는 하위 관계(부모-자식 관계 포함)입니다.
노드 검색 관계 이해하기:
<div class="div">
<ul class= "son">
'), 이때 li와 div는 조상이므로 find 메소드를 통해 빠르게 찾을 수 있습니다.
find() 메소드에 대한 지식 포인트:
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>