Jquery 검색 상위 요소 작업 방법_jquery

이 글의 예시에서는 Jquery 검색 상위 요소의 연산 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

1.부모() 메소드

형식:

코드 복사 코드는 다음과 같습니다.

parents([selector])

는 현재 요소 컬렉션에 있는 각 요소의 상위 요소를 일치시키는 데 사용되며 필요한 경우 선택기를 사용하여 필터링할 수도 있습니다.
예:

코드 복사 코드는 다음과 같습니다.

$("p").parents().css ("테두리", "1px 단색 파란색);

2.클로스트 방식

형식:

코드 복사 코드는 다음과 같습니다.

closest(selector[, context])

이 방법은 요소 자체에서 시작하여 상위 요소까지 일치하고 일치하는 첫 번째 요소를 반환합니다.
예:

코드 복사 코드는 다음과 같습니다.

$("a").closest("div" ).css( "테두리", "1px 단색 파란색");

cloest()와 parent() 메소드의 주요 차이점은 다음과 같습니다.

① 전자는 현재 요소부터 매칭 및 검색을 시작하고, 후자는 상위 요소부터 매칭 및 검색을 시작합니다

② 전자는 일치하는 요소를 찾을 때까지 위쪽으로 단계별로 검색한 다음 중지합니다. 후자는 루트 요소까지 위쪽으로 검색한 다음 이러한 요소를 임시 컬렉션에 넣은 다음 지정된 선택기 표현식을 사용하여 필터링합니다.

③ 전자는 0 또는 1개의 요소를 반환하고, 후자는 0, 1개 이상의 요소를 포함할 수 있습니다.

3. parent() 메소드

형식:

코드 복사 코드는 다음과 같습니다.

parent([selector])

는 현재를 가져오는 데 사용됩니다. 요소 컬렉션에 있는 각 요소의 상위 요소와 일치하며 선택적으로 선택기를 사용하여 필터링합니다.

예:

코드 복사 코드는 다음과 같습니다.

$("p").parent( ).css( "테두리", "1px 단색 파란색");

4.parentUtil() 메소드

형식:

코드 복사 코드는 다음과 같습니다.

parentsUtil([selector])

는 현재를 가져오는 데 사용됩니다. 지정된 선택기와 일치하는 요소를 포함하지 않고 요소 집합에 있는 각 요소의 조상과 일치합니다.

예:

코드 복사 코드는 다음과 같습니다.

$("li#li2"). parentUtil("# ul1_li2").css("배경", "#FCF");

5. offsetParent() 메서드

은 첫 번째 일치 요소의 위치가 지정된 상위 요소를 검색하는 데 사용됩니다. 구문은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

offsetParent()

이 메서드는 첫 번째로 일치하는 요소의 위치가 지정된 요소를 찾고 해당 요소로 래핑된 jQuery 객체를 반환합니다.

종합예:

코드 복사 코드는 다음과 같습니다.

🎜>