2010-08-27 22 views
0

J'apprends encore comment utiliser Sizzle selector. Jusqu'à présent, je le sais:Sizzle sélecteur modèle de syntaxe des éléments de recherche

Sizzle('#blah') - recherche dans le document entier les éléments avec id 'blah'.

Sizzle('.blah') - recherche le (s) élément (s) avec la classe css 'blah' dans le document.

Alors aujourd'hui, je trouve ceci:

Sizzle('> div') - recherches document entier pour les éléments de balises 'div'. (Je peux me tromper mais c'est ce qu'il fait pour moi)

Ce qui me fait réfléchir, quelle autre syntaxe est là pour chercher des trucs en utilisant Sizzle ??

Répondre

1

Voici la référence officielle sur laquelle les sélecteurs Sizzle prend en charge: http://wiki.github.com/jeresig/sizzle/. Mais, comme cela a déjà été dit, c'est fondamentalement la même syntaxe que les sélecteurs CSS3.


Et voici le lien de l'OP a été apparemment demandait: http://www.w3.org/TR/css3-selectors/

+0

Merci, j'ai lu ce document et il semblait confus car ils combinaient différents modèles. Je cherchais la liste des motifs "basiques". – Gary

+0

Merci, votre lien vers la liste de sélecteur de w3c dans l'autre réponse est ce que je cherchais. – Gary

+0

@Gary: utilisez-vous directement Sizzle ou utilisez-vous jQuery? Je suis curieux. –

2

Le > est appelé child selector et est utilisé pour trouver des enfants directs/immédiats des éléments parents.

Exemple:

<ul id="ul"> 
    <li>Child</li> 
    <li>Child</li> 
    <li>Child</li> 
    <li> 
     <ul> 
     <li>Child Again</li> 
     <li>Child Again</li> 
     <li>Child Again</li> 
     </ul> 
    </li> 
</ul> 

Sizzle:

Sizzle('ul#ul > li') 

Dans l'exemple ci-dessus, le sélecteur d'enfant sélectionne uniquement les enfants directs est ceux avec le texte Child ne Child Again

+1

Elaborer - la syntaxe qui utilise grésillement est une surcouche de [sélecteur CSS] (http://www.w3.org/TR/css3-selectors /) syntaxe. –

+0

Merci les gars. @Bears thx pour le lien qui est vraiment utile! – Gary

1

à peu près n'importe quel sélecteur vous ca n faire avec css3 vous pouvez faire avec sizzle.