| symbole | décrire | exemple | illustrer |
|---|---|---|---|
| suivi de non signé | Équivalent à la relation "et" | input.k-textbox{ ... }
|
Sélectionner l'entrée et contenir les éléments de la classe k-textbox |
| , (virgule) | séparateur de sélecteur, sélectionner plusieurs éléments | h1, h2{ ... }
|
Sélectionnez tous les éléments de h1 et h2 |
| . (point) | sélecteur de classe | .k-textbox{ ... }
|
Sélectionnez les éléments qui contiennent la classe k-textbox |
| *(Astérisque) | tous les éléments | *{ ... }
|
sélectionner tous les éléments |
| # (hashtag) | Sélecteur d'identifiant | #mem-id { ... }
|
Sélectionnez l'élément dont l'ID est mem-id |
| [ ] (supports) | sélecteur d'attribut | h1[class='k-textbox']{ ... }
|
sélectionne h1 et contient des éléments de la classe k-textbox |
| (espace) | sélecteur descendant | #container h1{ ... }
|
Sélectionnez tous les éléments descendants h1 dans le conteneur avec ID |
| > (signe supérieur à) | sélecteur d'élément enfant | #container>h1{ ... }
|
Sélectionnez tous les sous-éléments dont l'ID est h1 dans le conteneur (seuls les sous-éléments, les petits-enfants ne sont pas comptés) |
| + (signe plus) | immédiatement après le sélecteur de frères et sœurs | #mem-id+h1{ ... }
|
Sélectionnez l'élément h1 "immédiatement" derrière l'ID mem-id |
| ~ (tilde) | sélecteur d'élément frère | #mem-id~h1{ ... }
|
Sélectionnez tous les éléments frères h1 avec ID mem-id |
| : ou:: | pseudo classe |
Plusieurs symboles dans le sélecteur
1,(virgule)
2 (espace)
3.(point)
4>(signe supérieur à)
5+(signe plus)
6~(signe tilde)
- virgule
Lorsque les sélecteurs sont séparés par des virgules, ils sont dans une relation "ou" lors de la correspondance des requêtes
- espace
Dans le résultat mis en correspondance par le sélecteur avant l'espace, utilisez le sélecteur après l'espace pour faire la correspondance globale du résultat
- arrêt complet
La correspondance est class(class='style')
- supérieur à signe
Utilisez le sélecteur derrière le signe supérieur à pour faire correspondre les résultats précédents dans la même dimension dans le sous-contenu
- plus
Le résultat correspondant utilise le sélecteur derrière le signe plus pour effectuer une correspondance globale sur le contenu du même niveau que le résultat précédent
- bonnes vagues
Le résultat correspondant utilise le sélecteur derrière le signe plus pour faire correspondre le contenu du même niveau du résultat précédent au même niveau. L' espace de la
note spéciale
1 et le signe supérieur à
"espace" et "supérieur à" correspondent tous deux au sous-contenu de le résultat correspondant précédent. La différence est que "espace" correspond au sous-contenu et au contenu petit-enfant, tandis que "supérieur à" correspond uniquement au sous-contenu
2 Le signe plus et le signe tilde
« Signe plus » et « Bon signe » correspondent tous deux au contenu du même niveau des résultats correspondants précédents. La différence est la même que ci-dessus, le "signe plus" est le contenu descendant et le "tilde" est juste le sous-contenu.Ceci fait juste
partie du sélecteur jquery.Après
l'avoir lu, je pense que le sélecteur jquery est très bon et puissant.