JQuery를 사용하여 HTML 선택 및 탐색 함수를 선택하는 방법

JQuery를 사용하면 HTML 요소를 쉽게 선택할 수 있습니다. 하지만 때로는 HTML 구조가 매우 복잡할 때, 선택한 요소를 추출하는 것은 꽤 번거로운 일입니다.

1children

이 함수는 요소의 직접 자식 요소를 얻습니다.

children()에 선택 표현식을 전달하면 선택된 요소에 대해 결과를 줄입니다;

children()가 아무 매개변수도 받지 않으면 모든 직접 자식 요소를 반환합니다. 조카 요소는 반환되지 않습니다.

2filter

이 함수는 선택 표현식을 전달하여 집합에서 요소를 필터링합니다. 이 표현식에 일치하지 않는 요소는 선택된 집합에서 제거됩니다.

3not

filter와 반대로, not()는 일치하는 요소를 집합에서 제거합니다.

4add

집합에 몇 가지 요소를 추가하고 싶다면 어떻게 해야 합니까?63;add() 함수는 이를 위해 사용됩니다.

5slice

때때로, 요소가 집합 내 위치에 따라 집합의 부분 집합을 얻어야 할 때가 있습니다. slice()는 이를 위해 사용됩니다.

첫 번째 매개변수는 첫 번째 요소의 위치로, 반환된 부분에 포함됩니다;

두 번째 매개변수는 첫 번째 요소의 인덱스로, 반환된 부분에 포함되지 않습니다. 생략하면 집합의 마지막 요소까지 확장됩니다;

6parent

parent() 함수는 요소 집합의 직접 부모를 선택합니다.

7parents

이는 복수 형태로, parents()는 요소 집합의 모든 조상 요소를 선택합니다. 나의 말은 모든 조상 요소가 직접 부모에서 'body'와 'html' 요소까지 포함된다는 것입니다. 따라서 표현식을 전달하여 선택 결과를 줄이는 것이 좋습니다.

8siblings

이 함수는 모든 요소의 형제 요소를 선택하며, 표현식을 전달하여 결과를 필터링할 수 있습니다.

9prev & prevAll

prev() 함수는 직전 형제 노드를 선택합니다. prevAll()는 선택된 요소 앞에 있는 모든 형제 노드를 선택한 요소 집합을 선택합니다.

10next & nextAll

이 함수는 prev와 prevAll과 동일한 방식으로 작동하지만, 다음 형제 요소를 선택합니다.

이 기사에서jQuery를 사용하여 HTML을 선택하고 탐색하는 방법을 소개했습니다. 이를 통해 참고할 수 있기를 바랍니다. 또한, 응원 교본에 많은 지지를 부탁드립니다.