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 自体がサポートしていない場合でも、ネイティブにサポートするブラウザーで機能する可能性があることを意味します。

推奨事項:

If :nth-last-child() などのレベル 3 セレクターの完全なサポートが必要な場合は、これらのサポートが追加される jQuery 1.9 以降にアップグレードすることをお勧めします。古い IE バージョンとの互換性を維持しながらセレクターを追加します。あるいは、jQuery のカスタム セレクター拡張機能を使用して、不足しているセレクターを自分で実装することを検討してください。

以上がjQuery は本当に :nth-last-child() を含むすべての CSS3 セレクターをサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。