JQuery prend-il vraiment en charge tous les sélecteurs CSS3 ?

Prise en charge par jQuery des sélecteurs CSS3

jQuery prétend prendre en charge un large éventail de sélecteurs CSS, mais tous les sélecteurs répertoriés dans sa documentation ne sont pas entièrement implémenté.

Sélecteurs pris en charge (jQuery 1.9 et plus récent)

• La plupart des sélecteurs de la norme de niveau 3, à l'exclusion de :

  • Pseudo-éléments
  • Pseudo-classes dynamiques
  • Préfixes d'espace de noms
• :target, :root, :nth-last-child() , :nth-of-type(), :nth-last-of-type(), :first-of-type, :last-of-type, :only-of-type

Sélecteurs non pris en charge

• Pseudo-éléments
• Pseudo-classes dynamiques
• Préfixes d'espace de noms
• :lang()

Retour à document.querySelectorAll()

Lorsque jQuery rencontre un sélecteur non pris en charge, il tente de le transmettre à l'implémentation native document.querySelectorAll() du navigateur. Si document.querySelectorAll() peut gérer le sélecteur, jQuery utilisera la liste de nœuds renvoyée pour contourner le besoin de sa propre bibliothèque de sélecteurs, Sizzle.

Incompatibilité avec IE8

IE8 ne prend pas en charge le sélecteur :nth-last-child() dans document.querySelectorAll(). En conséquence, jQuery reviendra à son implémentation Sizzle incompatible, provoquant l'échec du sélecteur dans IE8.

Recommandation

Pour garantir la compatibilité avec tous les navigateurs, il est Il est recommandé d'utiliser jQuery 1.9 ou plus récent, qui prend en charge tous les sélecteurs de niveau 3 à l'exception de ceux répertoriés ci-dessus. Alternativement, des extensions de sélecteur personnalisées peuvent être utilisées pour implémenter des pseudo-classes manquantes dans les anciennes versions de jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!