Maison >interface Web >js tutoriel >Navigateur jQuery compatible CSS3 close-up example_jquery

Navigateur jQuery compatible CSS3 close-up example_jquery

WBOY
WBOYoriginal
2016-05-16 16:19:26896parcourir

L'exemple de cet article décrit la méthode de compatibilité rapprochée CSS3 du navigateur jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

CSS3 a pleinement absorbé les besoins du développement Web pendant de nombreuses années et a absorbé de nombreuses nouvelles fonctionnalités. Par exemple border-radius

La fonctionnalité la plus intéressante de CSS3 est l'amélioration des sélecteurs. Par exemple, les sélecteurs d'attributs peuvent sélectionner des balises en fonction d'une certaine valeur d'attribut, et les sélecteurs de position peuvent sélectionner des balises en fonction de la position des éléments enfants.

De nombreux navigateurs actuellement utilisés, tels que IE7, prennent principalement en charge CSS2. La plupart des sélecteurs d'attributs ne sont pas idéaux.

C'est précisément à cause du problème de compatibilité du navigateur avec CSS3. Aucun navigateur n'offre une meilleure prise en charge standard.

jQuery fournit presque tous les sélecteurs sous la norme CSS3 via JavaScript préprogrammé. Les développeurs peuvent utiliser ces sélecteurs pour sélectionner facilement divers éléments. À utiliser par la programmation javascript.

Copier le code Le code est le suivant :

Ce qui précède utilise le sélecteur li:nth-child(2), ce qui signifie sélectionner la deuxième marque d'élément dans
  • . Et il peut être testé dans les navigateurs ie7 et Chrome.

    J'espère que cet article sera utile à la programmation jQuery de chacun.

  • Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn