문제

John Resig의 Sizzle이라는 새로운 선택기 엔진 팝업 소식을 보았습니다.꽤 많은 곳에서, 그러나 나는 선택기 엔진이 무엇인지 모르고 그것이 무엇인지에 대한 설명을 제공하는 기사도 없습니다.Resig가 jQuery의 창시자이고 Sizzle이 Javascript라는 것을 알고 있지만 그 이상으로는 그것이 무엇인지 모릅니다.그렇다면 선택기 엔진이란 무엇입니까?

감사합니다!

도움이 되었습니까?

해결책

선택기 엔진은 일종의 쿼리 (일반적으로 CSS 구문 또는 유사)를 기반으로 특정 요소에 대한 페이지의 DOM을 쿼리하는 데 사용됩니다.

예를 들어, 다음 jQuery : 라코 디스

페이지의 모든

요소를 검색하고 반환합니다.이를 위해 jQuery의 선택기 엔진을 사용합니다.

이러한 프레임 워크로 수행하는 거의 모든 작업이 일종의 DOM 쿼리를 기반으로하기 때문에 선택기 엔진을 최적화하는 것은 큰 문제입니다.

다른 팁

선택기 엔진은 DOM 트리에서 요소를 식별하기 위해 어떤 종류의 문자열을 사용하여 요소를 선택할 수있게 해주는 자바 스크립트 라이브러리입니다 (DOM 요소에 대한 정규 표현식을 생각해보세요).대부분의 선택기 엔진은 CSS3 선택기 구문의 일부 변형을 사용하므로 예를 들어 다음과 같이 작성할 수 있습니다. 라코 디스

클래스가 firstParagraph 인 문서에서 모든 P 요소를 선택합니다.

일부 선택기 엔진은 XPath의 부분 구현과 일부 사용자 지정 구문도 지원합니다.예를 들어 jQuery를 사용하면 다음과 같이 작성할 수 있습니다. 라코 디스

문서의 로그인 양식에서 선택된 모든 확인란을 선택합니다.

선택기 엔진은 특정 요소를 찾기 위해 DOM을 탐색하는 방법입니다.

내장 된 선택기 엔진의 예 : 라코 디스

또한 Sizzle은 John Resig가 현재 jQuery의 환상적인 선택기 엔진을 대체하기 위해 작업하고있는 엔진입니다.

선택기 엔진은 CSS 스타일 시트와 같은 방식으로 문서에서 요소를 찾는 데 사용됩니다.현재 Safari에는이를 수행하는 내장 querySelectorAll 함수가 있습니다.다른 브라우저에서는 외부 자바 스크립트 구현을 LlamaLab Selector 또는 Sizzle으로 대신 사용해야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top