>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery에서 close() 함수 사용 예

jQuery_jquery에서 close() 함수 사용 예

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:21:501543검색

이 기사의 예에서는 jQuery에서 close() 함수의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 함수는 요소 자체에서 시작하여 상위 요소를 단계별로 일치시키고 첫 번째로 일치하는 요소를 반환합니다.
close() 함수는 먼저 현재 요소가 일치하는지 확인하고, 일치하면 요소 자체를 직접 반환합니다. 일치하는 항목이 없으면 선택기와 일치하는 요소를 찾을 때까지 레이어별로 상위 요소를 위쪽으로 검색합니다. 아무것도 발견되지 않으면 빈 jQuery 객체가 반환됩니다.

문법 구조 1:

코드 복사 코드는 다음과 같습니다.
$(selector).closest(expr, context)

매개변수 목록:

参数 描述
expr 用以过滤元素的表达式
context 可选。作为待查找的 DOM 元素集或者文档。

예제 코드:

예 1:

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






closest() 함수-스크립트 홈


머리>


저는 div입니다

저는 손자입니다



나는 내 아들입니다



저는 형제입니다p


본문>

예 2:

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






closest() 함수-스크립트 홈


머리>



저는 손자입니다



나는 내 아들입니다



저는 형제입니다p


본문>

id가 father인 div가 children인 div 내에 없으므로 테두리를 빨간색으로 설정할 수 없습니다.

문법 구조 2:

코드 복사 코드는 다음과 같습니다.
$(selector).closest(element)

매개변수 목록:

参数 描述
element 用于匹配元素的DOM元素或者jQuery元素。

예제 코드:

예 1:

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






closest() 함수-스크립트 홈


머리>



저는 손자입니다



나는 내 아들입니다



저는 형제입니다p


본문>

예 2:

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






closest() 함수-스크립트 홈


머리>



저는 손자입니다



나는 내 아들입니다



저는 형제입니다p


본문>

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.