jQuery 순회 find() 메소드

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>


지속적인 학습
||
<!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>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~