자식 노드와 부모 node_jquery를 가져오는 jquery 샘플 코드

1. 하위 노드 가져오기

예를 들어, id가 test인 div 요소인 경우 $('#test')를 선택합니다. 클래스 데모를 사용하여 이 div에서 클래스를 찾으세요.
1. 필터 조건 사용

$('#testspan.demo')

2. find() 함수

$('#test').find('span.demo')

3 children() 함수를 사용하세요

$('# test').children('span.demo')

2. 부모 노드 가져오기
jquery에는 parent(), parent 등 부모 요소를 가져오는 여러 가지 방법이 있습니다. (), close(), 이들은 상위 요소 또는 노드

코드 복사 를 검색하는 데 도움이 될 수 있습니다. 코드는 다음과 같습니다.

• jquery는 상위 노드를 가져옵니다

jquery가 상위 요소를 가져옵니다

우리의 목적은 item1의 ID를 사용하여 note a를 통해 클래스를 가져오는 것입니다. parent1의 ul 요소에는 다음과 같은 메서드가 있습니다.

1.$('#item1').parent() .parent('.parent1');

2.$( 'li:parent')

3.$('#items').parents('.parent1');

4.$('#items1').closest(' .parent1');

closest는 먼저 현재 요소가 일치하는지 확인하고, 일치하면 바로 반환합니다. 요소 자체. 일치하는 항목이 없으면 선택기와 일치하는 요소를 찾을 때까지 레이어별로 상위 요소를 위쪽으로 검색합니다. 아무것도 발견되지 않으면 빈 jQuery 객체가 반환됩니다.

가장 가까운 요소와 상위 요소의 주요 차이점은 다음과 같습니다. 1. 전자는 현재 요소에서 일치 및 검색을 시작하고, 후자는 상위 요소에서 일치 및 검색을 시작합니다. 2. 전자는 다음이 될 때까지 단계별로 위쪽으로 검색합니다. 일치하는 요소를 찾은 다음 중지합니다. 후자는 루트 요소까지 위쪽으로 검색한 다음 이러한 요소를 임시 컬렉션에 넣은 다음 지정된 선택기 표현식을 사용하여 3을 필터링합니다. 전자는 0 또는 1개의 요소를 반환합니다. 후자는 0, 1 또는 여러 요소를 포함할 수 있습니다. 가장 가까운 것은 이벤트 위임을 처리하는 데 유용합니다.