jQuery は本当にすべての CSS3 セレクターをサポートしていますか?

jQuery の CSS3 セレクターのサポート

jQuery は幅広い CSS セレクターをサポートすると主張していますが、ドキュメントにリストされているすべてのセレクターが完全にサポートされているわけではありません。

サポートされるセレクター (jQuery 1.9 以降)

• 以下を除く、レベル 3 標準のほとんどのセレクター:

  • 擬似要素
  • 動的擬似クラス
  • 名前空間プレフィックス
• :target, :root, :nth-last-child() 、:nth-of-type()、:nth-last-of-type()、: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 中国語 Web サイトの他の関連記事を参照してください。