자바스크립트 검색 요소

| | |

jQuery find() 메소드가 친숙하게 들릴 수 있지만 JavaScript find() 메소드와 혼동하지 마십시오! 둘 다 "찾기" 항목이지만, 반환은 매우 다를 수 있습니다. 자바스크립트에서 find() 메서드는 배열에서만 호출할 수 있습니다.

메소드에 인수로 전달되는 함수인 콜백 함수가 필요하며, 나중에 전화하기 위해. 콜백 함수에 설명된 요구 사항을 충족하는 첫 번째 항목을 찾아 반환합니다.

jQuery find() 메서드는 상당히 다릅니다. 모든 jQuery 메서드와 마찬가지로 선택기에서 호출됩니다. 이 선택기에서 검색하고 이 선택기의 자식 요소만 조작합니다. 이 높은 수준의 조작은 동일한 상위 요소에 포함된 다른 요소가 아닌 일부 요소를 수정하려는 경우에 유용합니다.

jQuery 사용 찾기()

이제 jQuery find()는 주어진 선택기의 모든 자식 요소를 선택하는 데 사용됩니다. jQuery find ()를 사용하는 방법을 알아보려면 몇 가지 코드 샘플을 확인하세요.

다음 섹션에서 간단하게 시작하고 약간의 복잡성을 추가해 보겠습니다. find()가 작동하는 방식을 보여주기 위해 페이지가 로드된 후 요소를 조작할 수 있습니다. 페이지가 로드된 후 단락의 컨텍스트에서 일부 단어의 색상을 변경하는 것은 어떻습니까? 여기에서 시작하겠습니다.

다른 모든 단어는 그대로 유지됩니다.

이 코드를 보면

몇 개 < 스팬> 요소 . 요소 중 하나는

요소의 자식입니다. 다른 은 녹색 클래스를 가진

< 클래스의 얼굴 = "WP-이미지 블록"> IR3bnpJdRzIwsq 1CzCQeT4Lf2F4YaVtdHjwqHecFlqkjNYR Oi9DIefQs IX6Kf1Bh0JQQNYqxQG7okIP98RPQ PYHTDhu AOabwfhnwB4rdWRmoMw5WgSDtLIKD5ZU9b4는 HTML <HTDML> 우리는 지금 변경 <code>find ()</code>의 작동을 설명하기 위한 텍스트 색상입니다. 이를 달성하기 위해 하나의 CSS 속성만 수정하면 되기 때문에 초보자에게 좋은 단계입니다. <p>요소를 선택기로 <code>find()</code>, jQuery의 <code>css()</code> 메서드를 사용하여 색상을 변경할 수 있습니다.</p> <p><code>find() </code>를 처음 사용할 때 <p> 요소를 모두 선택합니다. <code>find()</code>를 사용하여 <p>의 자식인 모든 <span> 요소를 찾습니다. 이 예에서는 파란색이라는 단어일 뿐입니다. 그런 다음 <code>css ()</code> 메서드를 사용하여 색상을 파란색으로 변경합니다.<br></p> </div>  </div> <p><code>find()</code>의 두 번째 사용. 이번에는 녹색 클래스가 있는 의 자식인 다른 <span> 요소를 찾는 것입니다.<br></p><p>다시 말하지만 이것은 녹색 단어일 뿐입니다. 첫 번째 줄에 대해서는 <code>css( )</code> 메서드를 사용하여 색상을 녹색으로 변경합니다.<br></p><p>이를 실행하고 어떤 일이 발생하는지 봅시다!<br></p><Figure class = X NmmVK1C Z30uO5sa15iVH9aCEO ASkwA4cuqwxOagZqMkO8QpJd AlJeZH2NXXSALKH8lWknoNiwXquCqxMuztLiG CL0FzyoN60rr OR3aktZVCcmRgyHPk7Fd7hsjGON74Pi

참고 푸른 그 g 클래스 또는 ID가 할당되지 않은 단어가 span 요소에 포함되었습니다. 우리는 이 단어를 다시 분리하고 색상을 변경할 수 있었습니다. 짐작하셨겠지만 의 주요 요소가 다르기 때문입니다.

는 파란색 단어의 의 부모입니다. 은 녹색이라는 단어를 포함하는 의 부모입니다.

이는 find ()가 선택기로 사용된 요소의 자식을 찾기 때문에 발생했습니다. 약간 복잡하고 할 일 목록의 예를 살펴보세요.

jQuery가 목록에서 () 찾기

이 예에는 할 일 목록이 있습니다. 할 일이 있습니다. 오늘, 하지만 우리는 또한 그것을 하기 위해 상점에서 물건을 사야 합니다. 일단 우리가 이 물건들을 구입하면, 우리는 그것들을 목록에서 제거하고 우리의 하루를 시작할 수 있습니다! 우리 목록은 다음과 같습니다:

여기에 우리의 목록이 있습니다. 우리는

  • ; 요소를 가지고 있습니다. " Go to Store", " "Take out Trash " 및 " Do the dish" 요소는 우리의 자식인
  • 9 PKrmYrpttbZVdC MrqVjbqAW3bz5t4QCkiZFYhLIuJqsIhUjTQxC7ipWbdnJOfk1ndFDF EcJuV47VM VtfzQd3vp1JNtWxBuOq8Ku0XjNxp4QrnXybM3veW8Gk6ttETa7fk

    결론

    jQuery를 <코드> 찾기 () 식별 모든 선택기 자식 요소 메소드는 상위 요소 자체가 아닌 이러한 하위 요소만 처리합니다.

    선택할 하위 요소를 구별할 수 있으므로 페이지 전체를 일반화하고 섹션을 편집할 수 있습니다. , 또는 특정하고 페이지 연령의 특정 요소만 편집할 수 있습니다. 이러한 유연성에서 find()가 가장 유용합니다.

    jQuery 학습에 대해 자세히 알아보기 < a href="/what-is- jquery-used-for / "> 여기

    Shop

    Learn programming in R: courses

    $

    Best Python online courses for 2022

    $

    Best laptop for Fortnite

    $

    Best laptop for Excel

    $

    Best laptop for Solidworks

    $

    Best laptop for Roblox

    $

    Best computer for crypto mining

    $

    Best laptop for Sims 4

    $

    Latest questions

    NUMPYNUMPY

    psycopg2: insert multiple rows with one query

    12 answers

    NUMPYNUMPY

    How to convert Nonetype to int or string?

    12 answers

    NUMPYNUMPY

    How to specify multiple return types using type-hints

    12 answers

    NUMPYNUMPY

    Javascript Error: IPython is not defined in JupyterLab

    12 answers


    Wiki

    Python OpenCV | cv2.putText () method

    numpy.arctan2 () in Python

    Python | os.path.realpath () method

    Python OpenCV | cv2.circle () method

    Python OpenCV cv2.cvtColor () method

    Python - Move item to the end of the list

    time.perf_counter () function in Python

    Check if one list is a subset of another in Python

    Python os.path.join () method