Détection du sélecteur CSS Prise en charge du navigateur avec jQuery

Question

Normalement, j'utilise Modernizr pour la détection de fonctions standard, mais il ne peut pas détecter le support du sélecteur de navigateur (c'est-à-dire: sélecteur nth-of-type()).

Existe-t-il un moyen de détecter la prise en charge du sélecteur du navigateur avec jQuery?

Answer 1

Vous avez raison de dire que la sélection d'un élément avec un sélecteur jQuery fonctionnera même dans les navigateurs qui ne supportent pas ce sélecteur en CSS. Toutefois, vous pouvez appliquer un style avec un sélecteur CSS3, puis sélectionner un élément avec jQuery pour déterminer si ce style a été appliqué.

Par exemple, dans CSS:

#myid > p { 
    display: none; 
} 

puis dans jQuery:

if ($('#myid > p').css('display') != 'none') { 
// blah 
} 

être prudent, car Cependant .css() ne peut pas revenir ce que vous attendez. Par exemple, si vous appliquez une couleur comme 'rouge', cela retournera rgb(255, 0, 0). Désolé, je sais que ce n'est pas aussi parfait d'une solution que Modernizr, mais j'espère que cela vous aide dans votre situation.

Answer 2

Vous pouvez essayer de choisir quelque chose avec ce sélecteur, si elle retourne « NULL » soit le navigateur ne supporte pas, ou il n'y avait aucun élément de ce type

ma suggestion est d'utiliser les sélecteurs sur quelque chose que vous savez existe.