jQuery는 :nth-last-child()를 포함한 모든 CSS3 선택자를 실제로 지원합니까?

JQuery의 CSS3 선택기 지원: 심층 조사

jQuery는 광범위한 CSS 선택기를 지원한다고 주장하지만, :nth-last-child()와 같은 선택기를 실제로 지원하는지 여부가 다시 나타났습니다. 이 주제를 자세히 살펴보고 제한 사항과 예외를 이해해 보겠습니다.

CSS3 선택기에 대한 제한된 지원

선택기 레벨 3을 준수한다고 명시되어 있음에도 불구하고 jQuery는 표준을 완전히 구현하지 않습니다. . 선택기 문서에서는 CSS 1-3의 요소를 통합하고 자체 사용자 정의 선택기를 추가한다고 명시합니다.

예외: :nth-last-child() 및 기타 레벨 3 선택기

jQuery 1.9부터 몇 가지 제한 사항을 제외하고 거의 모든 레벨 3 선택기가 Sizzle 선택기 라이브러리에서 지원됩니다.

• 동적 의사 클래스: jQuery는 지원되지 않습니다. :link 및 :focus와 같은 클래스는 의사 클래스가 아닌 이벤트 핸들러가 필요하므로 해결합니다.
• 네임스페이스 접두사: CSS의 네임스페이스는 jQuery에서 지원되지 않습니다.
• 선택기 누락: 다음 레벨 3 선택기는 jQuery 1.8 이하에서는 구현되지 않습니다: :target, :root, :nth-last-child() 및 기타. 또한 :lang()도 없습니다.

대체 및 호환성

jQuery는 가능할 때마다 기본 document.querySelectorAll() 구현을 사용합니다. document.querySelectorAll()이 실패하거나 지원되지 않으면 jQuery는 Sizzle로 대체됩니다. 즉, :nth-last-child()와 같은 선택기는 jQuery 자체에서는 지원하지 않더라도 기본적으로 이를 지원하는 브라우저에서 작동할 수 있습니다.

권장 사항:

:nth-last-child()와 같은 레벨 3 선택기에 대한 완전한 지원이 필요하면 이전 IE 버전과의 호환성을 유지하면서 이러한 선택기에 대한 지원을 추가하는 jQuery 1.9 이상으로 업그레이드하는 것이 좋습니다. 또는 jQuery의 사용자 정의 선택기 확장을 사용하여 누락된 선택기를 직접 구현해 보세요.

위 내용은 jQuery는 :nth-last-child()를 포함한 모든 CSS3 선택자를 실제로 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!