> 웹 프론트엔드 > JS 튜토리얼 > jQuery 선택기 소스 코드 해석(7): elementMatcher function_jquery

jQuery 선택기 소스 코드 해석(7): elementMatcher function_jquery

WBOY
풀어 주다: 2016-05-16 16:06:57
원래의
1119명이 탐색했습니다.

Sizzle의 컴파일 실행 과정을 이해하려면 먼저 관련된 각 서브루틴의 기능과 주요 변수 및 기능을 이해해야 합니다. jQuery-1.10.2 버전의 컴파일 코드를 하나씩 설명하겠습니다. 도와주세요.

elementMatcher(매처)

1. 소스코드

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

함수 elementMatcher(매처) {
matchers.length > 1 ? 함수(elem, context, xml) {
var i = matchers.length;
동안 (i--) {
if (!matchers[i](elem, context, xml)) {
거짓을 반환합니다.
}
}
true를 반환합니다.
} : 일치자[0];
}

2. 기능

이 함수는 수신된 요소가 일치하는 실행 함수 배열 일치자와 일치하는지 확인하는 함수를 반환합니다. 일치하지 않으면 false를 반환하고, 그렇지 않으면 true를 반환합니다.

매처에 요소가 하나만 있는 경우 요소 자체를 반환하고, 그렇지 않으면 새 함수(코드의 함수(elem, context, xml) 함수)를 반환합니다.

반환 함수 효과는 context.filter(selectors)와 다소 유사합니다. 물론 결과는 jQuery 객체가 아닌 true 또는 false만 반환합니다.

3. 매개변수
매처(Matchers) - 배열, 각 요소는 의사 클래스가 아닌 매처 실행 함수입니다. 예: 실제 실행 과정에서 div.mapspan:lt(10), div와 map의 일치하는 실행 함수는 일치자의 두 요소로 elementMatcher 함수에 전달되어 범위 노드의 상위 노드가 필터링되는지 여부를 필터링합니다. 요구 사항을 충족합니다.

4. 복귀 기능

4.1 매처에 2개 이상의 요소가 있는 경우 다음 함수가 반환됩니다.

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

함수(요소, 컨텍스트, xml) {
var i = matchers.length;
동안 (i--) {
if (!matchers[i](elem, context, xml)) {
거짓을 반환합니다.
}
}
true를 반환합니다.
}

4.1.1 기능
일치자는 들어오는 요소 노드가 요구 사항을 충족하는지 여부를 일치시키기 위해 마지막 요소부터 첫 번째 요소까지 순차적으로 호출됩니다. 모두 충족되면 True가 반환되고, 그렇지 않으면 false가 반환됩니다.

4.1.2 매개변수

elem - 확인할 단일 노드 요소입니다.

컨텍스트 - 전체 선택기 문자열 일치를 수행하는 컨텍스트 노드로, 대부분의 경우 쓸모가 없습니다.

xml——현재 검색 개체가 HTML입니까 아니면 XML 문서입니까? HTML인 경우 xml 매개변수는 false입니다.

4.2 매처에 요소가 1개만 있는 경우 요소 자체를 반환합니다.
4.2.1 기능
들어오는 요소가 선택기와 일치하는지 확인하고, 일치하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

4.2.2 매개변수
4.1.2 매개변수 설명과 동일합니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿