자식 노드와 부모 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(), 이들은 상위 요소 또는 노드

우리의 목적은 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 또는 여러 요소를 포함할 수 있습니다. 가장 가까운 것은 이벤트 위임을 처리하는 데 유용합니다.