jQuery를 사용하여 탐색

<p></p>

find()와 filter() 메소드의 차이점

filter() 方法用于过滤包装器集中包含的当前元素集。它的使用应该留给需要过滤一组已选择的元素的任务。例如，下面的代码将过滤包装集中包含的三个 <p></p> 메서드는 래퍼 세트에 포함된 현재 요소 세트를 필터링하는 데 사용됩니다. 선택한 요소 집합을 필터링해야 하는 작업에만 사용되어야 합니다. 예를 들어, 다음 코드는 래퍼 세트에 포함된 세 개의

요소를 필터링합니다.

으아악 <strong></strong>참고: filter() 时，总是问自己是否绝对有必要。例如， $('p').filter(':not(:first):not(:last)') 可以不写 filter()

$('p:not(:first) :not(:last)')를 사용하는 경우.

find() 方法可用于进一步查找当前所选元素的后代。认为 find() 更像是使用封装在已选择的元素中的新元素来更新或更改当前的包装集。例如，下面的代码将使用 find() 将包装集从 <p></p> 元素更改为两个 <strong></strong>한편, find() 메서드를 사용하면 현재 선택한 요소의 하위 항목을 더 자세히 찾을 수 있습니다. find()는 선택한 요소에 래핑된 새 요소로 현재 래핑된 세트를 업데이트하거나 변경하는 것과 비슷하다고 생각하세요. 예를 들어, 다음 코드는 find()를 사용하여 래퍼 세트를

요소에서 두 개의 <p></p> 요소로 변경합니다. 으아악 andSelf() 将使用 find() 方法之前的包装器中的元素与当前元素组合起来 - 例如$('p').find('strong').andSelf()참고: 실제로는

.filter() 只会减少（或过滤）包装器集中当前选定的元素，而 find()를 사용할 수 있습니다. 테이크아웃 개념은

완전히 새로운 포장 요소 세트를 만드는 것이 실제로 가능하다는 것입니다. find() 和 filter() 都是破坏性方法，可以使用 end() 撤消，这会将包装的集合恢复为使用 find() 或 filter()참고:

<hr> 이전 상태.

표현식 대신 filter()에 함수 전달filter()

요소 선택을 위한 사용자 정의 필터를 실행하고 생성하기 전에 특정 값 시나리오에 대해 래퍼 세트의 각 요소를 확인할 수 있는 순회

메서드에 함수를 전달하는 것이 더 합리적일 수 있습니다. <img alt="jQuery를 사용하여 탐색" > 元素包装在当前未使用该元素包装的 <p></p>

예를 들어 HTML 페이지의 모든 <img alt="jQuery를 사용하여 탐색" > 요소를 현재 해당 요소로 래핑되지 않은 <p></p> 요소 내에서 래핑한다고 가정해 보겠습니다. filter() 方法，向其传递一个函数，该函数将确定该元素的父元素是否为 <p></p> 元素，如果否，则在使用 <p></p> 元素包装集合中剩余的 <img alt="jQuery를 사용하여 탐색" > 이를 수행하기 위해 사용자 정의 필터를 만들거나

메서드를 사용하여 이 요소의 상위 요소가 <img alt="jQuery를 사용하여 탐색" > 元素，然后向 filter() 方法传递一个用于迭代每个元素的函数（使用 this ) 在包装器集中，检查 <img alt="jQuery를 사용하여 탐색" > 元素的父元素是否为 <p></p> 요소인지 확인하는 함수를 전달하고, 그렇지 않은 경우 제거할 수 있습니다. 컬렉션의 나머지 <img alt="jQuery를 사용하여 탐색" > 요소를

요소로 래핑하기 전에 컬렉션의 요소를 삭제합니다.

! 运算符将布尔值 true 更改为 false。这是因为我想从以 <p></p> 元素作为父元素的集合中删除 <img alt="jQuery를 사용하여 탐색" > 元素。如果函数返回 false，则传递给 filter()아래 예에서는 HTML 페이지의 각 <img alt="jQuery를 사용하여 탐색" > 요소를 선택한 다음

메서드에 각 요소를 반복하는 함수를 전달합니다( this 사용). 래퍼 세트는 <img alt="jQuery를 사용하여 탐색" > 요소의 부모가 <p></p> 요소인지 확인합니다. :findImgWithNoP - 对于单一情况可以通过简单地向filter方法传递一个可以进行自定义过滤的函数来避免。这个概念非常强大。考虑一下当我们将正则表达式测试与 filter() 으아악 부울 값 true를 false로 변경하기 위해 ! 연산자를 사용하고 있다는 점에 유의하세요. 이는 <hr> 요소가 상위 요소인 컬렉션에서 <img alt="jQuery를 사용하여 탐색" > 요소를 제거하고 싶기 때문입니다.

메서드에 전달된 함수는 함수가 false를 반환하는 경우 단순히 컬렉션에서 요소를 제거합니다.

특징은 고립된 사례를 다루는 경우 맞춤 필터를 생성하는 것입니다. 이 개념은 매우 강력합니다. 정규식 테스트와 parent()、parents() 和 closest() 메서드를 결합하면 어떤 일이 일어날지 생각해 보세요.

으아악

DOM 탐색 closest() 和 parents() 可能看起来具有相同的功能，但 closest()

메서드를 사용하면 DOM에서 상위 요소로 쉽게 이동할 수 있습니다. 이러한 방법의 차이점을 이해하는 것이 중요합니다. 아래 코드를 확인하고 이러한 jQuery 탐색 방법 간의 차이점을 이해했는지 확인하세요.

으아악

참고:

실제로는 현재 선택된 요소가 필터링에 포함됩니다.closest() 一旦找到匹配项就会停止遍历，而 parents() 会获取所有父级，然后过滤您的可选选择器。因此，closest()

<hr>

next() 최대 하나의 요소만 반환될 수 있습니다.

🎜 🎜순회 메소드는 CSS 표현식을 선택적 매개변수로 허용합니다🎜 🎜CSS 표현식은 요소를 선택하기 위한 jQuery 함수뿐만 아니라 여러 탐색 방법에도 전달될 수 있습니다. 많은 순회 방법에서는 표현식을 전혀 사용할 필요가 없기 때문에 이를 잊어버리기 쉽습니다(예: 🎜). 다음 순회 방법의 경우 표현식은 선택 사항이지만 필터링 모드에 대한 표현식을 제공하도록 선택할 수 있다는 점을 기억하세요. . 🎜

• children('表达式')
• next('表达式')
• nextAll('表达式')
• parent('表达式')
• 父母（'表达'）
• prev('表达式')
• prevAll('表达式')
• siblings('表达式')
• closest('表达式')

위 내용은 jQuery를 사용하여 탐색의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!