JQuery – Sélecteurs hiérarchiques

  • Sélecteurs de base
    $("#box"); Sélectionne l'élément dont l'id est box
    $(".texte"); Sélectionne tous les éléments dotés de l'attribut class="texte"
    $("div"); Sélectionne toutes les div de la page
    
  • Eléments descendants
    $("body span"); Sélectionne tous les spans contenus dans le body

  • Eléments enfants
    $("p>span"); Sélectionne les spans directement descendant d'un paragraphe(child elements)
    
  • Elément suivant
    $(".tuto+p"); Sélectionne le paragraphe directement précédé d'un éléments de classe "tuto"(next elements)
    
  • Eléments enfants d’un même parent
    $(".tuto~p"); Sélectionne les paragraphe précédés d'un élément de classe "tuto"(sibling elements)

Publier par sm2017 dans jQuery - Sélection des éléments Commentaires fermés sur JQuery – Sélecteurs hiérarchiques