La toute dernière version de jQuery, la 3.6.4, se concentre sur la gestion des nouveaux sélecteurs introduits dans les navigateurs, notamment :has. Pour relever ce défi, jQuery 3.6.3 avait choisi d’utiliser le CSS natif.supports afin de déterminer si un sélecteur devait être directement transmis à querySelectorAll ou traité par le sélecteur de jQuery.
**Les nouveaux sélecteurs et jQuery**
Les sélecteurs modernes, tels que :has, fournissent des moyens plus puissants de cibler les éléments dans les documents HTML. Cependant, jQuery, qui s’appuie sur des algorithmes de sélection optimisés, a dû trouver des moyens d’intégrer ces nouveaux sélecteurs.
**La stratégie de tolérance**
jQuery 3.6.4 adopte une stratégie de « tolérance » envers les sélecteurs non supportés par les navigateurs. Si un sélecteur n’est pas reconnu par le moteur de rendu natif, jQuery le passera par son propre sélecteur, garantissant ainsi la compatibilité sur tous les navigateurs.
**Avantages pour les développeurs**
Cette approche offre plusieurs avantages aux développeurs :
* **Simplicité du code :** Les développeurs peuvent utiliser les sélecteurs modernes sans se soucier de la compatibilité du navigateur.
* **Performance optimisée :** jQuery utilise des algorithmes optimisés pour les sélecteurs courants, garantissant des performances optimales.
* **Polyfill transparent :** Pour les navigateurs ne supportant pas les nouveaux sélecteurs, jQuery fournit un polyfill transparent.
**Conclusion**
jQuery 3.6.4 facilite la sélection des éléments dans les documents HTML, en particulier avec les nouveaux sélecteurs introduits dans les navigateurs. La stratégie de « tolérance » garantit la compatibilité et simplifie le code, permettant aux développeurs de créer des interfaces utilisateur dynamiques et performantes.
**Mots-clés :** jQuery, sélecteurs, CSS.supports, compatibilité navigateur, polyfill