jQuery는 실제로 모든 CSS3 선택기를 지원합니까?

jQuery의 CSS3 선택기 지원

jQuery는 다양한 CSS 선택기를 지원한다고 주장하지만 문서에 나열된 모든 선택기가 완전히 지원되는 것은 아닙니다. 구현되었습니다.

지원되는 선택기(jQuery 1.9 이상)

• 다음을 제외한 레벨 3 표준의 대부분의 선택기:

  • 의사 요소
  • 동적 의사 클래스
  • 네임스페이스 접두사
• :target, :root, :nth-last-child() , :n번째 유형(), :n번째 마지막 유형(), :first-of-type, :last-of-type, :only-of-type

지원되지 않는 선택기

• 의사 요소
• 동적 의사 클래스
• 네임스페이스 접두사
• :lang()

document.querySelectorAll()로 대체

jQuery는 지원되지 않는 선택기를 발견하면 이를 브라우저의 기본 document.querySelectorAll() 구현에 전달하려고 시도합니다. document.querySelectorAll()이 선택기를 처리할 수 있는 경우 jQuery는 반환된 노드 목록을 사용하여 자체 선택기 라이브러리인 Sizzle의 필요성을 우회합니다.

IE8과의 비호환성

IE8은 document.querySelectorAll()에서 :nth-last-child() 선택기를 지원하지 않습니다. 결과적으로 jQuery는 호환되지 않는 Sizzle 구현으로 대체되어 IE8에서 선택기가 실패하게 됩니다.

권장사항

모든 브라우저와의 호환성을 보장하려면 위에 나열된 항목을 제외한 모든 레벨 3 선택기를 지원하는 jQuery 1.9 이상을 사용하는 것이 좋습니다. 또는 사용자 정의 선택기 확장을 사용하여 이전 jQuery 버전에서 누락된 의사 클래스를 구현할 수 있습니다.

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