JQuery를 사용하여 HTML 순회 기능 선택

JQuery를 사용하면 THML 요소를 쉽게 선택할 수 있습니다. 그러나 때로는 HTML 구조가 더 복잡할 때 우리가 선택하는 요소를 정제하는 것이 번거로운 일입니다.

1. 어린이

이 함수는 요소 집합의 직접적인 하위 요소를 가져옵니다.

선택 표현식을 children()에 전달하여 선택 결과를 선택한 요소로 좁힙니다.

children()이 인수를 허용하는 경우 모든 직계 하위 요소는 반환되지 않습니다.

2. 필터

이 함수는 선택 표현식을 전달하여 컬렉션에서 요소를 필터링합니다. 이 표현식과 일치하지 않는 모든 요소는 선택한 컬렉션에서 제거됩니다.

3. 아닙니다

필터와 정반대인 not()은 컬렉션에서 일치하는 요소를 제거합니다.

4. 추가

컬렉션에 일부 요소를 추가하려면 어떻게 해야 할까요? add() 함수가 바로 이 작업을 수행합니다.

5. 슬라이스

컬렉션에 있는 요소의 위치를 ​​기반으로 컬렉션의 하위 집합을 가져와야 하는 경우가 있습니다. Slice()가 바로 이 작업을 수행합니다.

첫 번째 매개변수는 0부터 시작하는 첫 번째 요소의 위치이며, 반환된 조각에 포함됩니다.

두 번째 매개변수는 첫 번째 요소의 0부터 시작하는 인덱스입니다. 반환된 조각에 포함되지 않습니다. 생략하면 컬렉션 끝까지 확장됩니다.

6. 부모

parent() 함수는 일련의 요소의 직접적인 상위를 선택합니다.

7. 부모님

이는 복수형이며, parent()는 컬렉션의 모든 상위 요소를 선택합니다. "body" 및 "html" 요소에 대한 직계 부모를 포함한 모든 조상 요소를 의미합니다. 따라서 표현식을 전달하여 선택 범위를 좁히는 것이 좋습니다.

8. 남매

이 함수는 요소 집합의 모든 형제 항목을 선택하고 결과를 필터링하는 표현식을 전달합니다.

9. 이전 & 이전모두

prev() 함수는 이전 형제 노드를 선택합니다. prevAll()은 요소 세트 앞에 있는 모든 형제 노드를 선택합니다.

10, 다음&다음모두

이 함수는 prev 및 prevAll과 동일하게 작동하지만 다음 형제를 선택합니다.