Cours jQuery les sélecteurs, tutoriel & guide de travaux pratiques en pdf.

Sélecteurs

• Ensemble d’expressions permettant de désigner les éléments du document:
• Plusieurs types:
• Basic, Hiérarchie, Attribut, Filtres
• http://docs.jquery.com/Selectors
• Tous les sélecteurs retournent un tableau d’éléments
Basic • #id : retourne l’élément ayant l’identifiant #id.
• element : tous les éléments ayant le nom element.
• .class : tous les éléments d’une classe.
• * : tous les éléments du documents.
• selector1, selector2, selectorN : tous les éléments correspondant à un des sélecteurs.
Sélecteurs: Hiérarchie
• ancestor descendant : tous les éléments descendants correspondants à “descendant” de l’élément “ancestor”.
• parent > child : tous les fils correspondants à “child” des éléments spécifiés par “parent”.
• prev + next : tous les éléments correspondants à “next” après les éléments spécifiés par “prev”.
• prev ~ siblings : tous les frères des éléments spécifiés par « prev » correspondants au sélecteur « siblings ».

Sélecteurs: Filtres • :first/:last

le premier/dernier élément de la séléction. • :not(sel)
les éléments ne correspondants pas à “sel”. • :even/:odd
les éléments pair/impair • :eq(N)
l’élément à la position “N”. • :gt(N)/:lt(N)
les éléments ayant un index sup/inf à “N”. • :header
tous les éléments h1, h2, … • :animated
tous les éléments animés.
Sélecteurs: Filtres • Contenu: • :contains(text)
les éléments contenant “text”. • :empty
les éléments vide (pas de fils). • :has(sel)
les éléments dont un des fils correspond à “sel”. • :parent
tous les parents. • Visibilité: • :hidden
tous les éléments cachés. • :visible
tous les éléments visibles.