jQuery - Exemple de sélecteurs enfants et frères
jLes sélecteurs enfant et frère peuvent être divisés en quatre sélecteurs, sélecteur descendant (A B), sélecteur enfant (A> B), sélecteur frère adjacent (A + B) et sélecteur frère général (A ~ B). Passons en revue un exemple pour comprendre les différents entre les deux.
Tout d'abord, vous devez comprendre ce que sont l'enfant et le frère. Voyons cet exemple,
Child and Sibling Selectors example
I'm the first child.I'm the great grandchild.I'm the grandchild.I'm the second child.I'm the third child.I'm person1I'm person2
I'm person3
Tous les éléments
1. Sélecteur descendant (A B)
Le sélecteur descendant est utilisé pour sélectionner tous les éléments correspondant à «B» qui sont enfant, petit-enfant, arrière-petit-enfant, arrière-arrière-petit-enfant .. (n'importe quel niveau de profondeur) d'un élément «A».
$(".person1 div").css("border", "2px solid red");
2. Sélecteur d'enfant (A> B)
Le sélecteur enfant est utilisé pour sélectionner tous les éléments correspondant à «B» qui sont enfants d'un élément «A».
$(".person1 > div").css("border", "2px solid red");
3. Sélecteur de frère adjacent (A + B)
Le sélecteur de frère adjacent est utilisé pour sélectionner les éléments immédiatement suivis ou suivants correspondant à "B" qui est le frère d'un élément "A".
$(".person1 + p").css("border", "2px solid red");
4. Sélecteur général de frères et sœurs (A ~ B)
Le sélecteur de frère général est utilisé pour sélectionner tous les éléments correspondant à «B» qui est le frère d'un élément «A».
$(".person1 ~ p").css("border", "2px solid red");
J'espère que vous en savez plus sur les sélecteurs jQuery maintenant.
Related
- jQuery - Exemple non sélecteur
- Sélectionner plusieurs éléments dans jQuery
- jQuery - Comment obtenir la valeur de la balise ou le contenu de l’élément
- Comment actualiser une page dans jQuery?
- Exemple avec jQuery click () et dblclick ()
- Boucle jQuery sur une chaîne JSON - Exemple: $ .each
- jQuery - Exemples de sélecteur d’attribut
- jQuery - Exemple de sélecteur de nième enfant
- Exemple avec jQuery html ()
- Exemple avec jQuery find ()
- jQuery - Comment obtenir le nom de la balise
- jQuery - Un exemple de sélecteur d’enfants uniquement
- jQuery - Comment obtenir un élément avec le nom et l’id de la classe CSS
- jQuery - Exemple de sélecteur de fratrie général
- jQuery - Exemple de sélecteur vide
- Comment obtenir le nombre de signets Delicious avec jQuery et JSON
- jQuery - Comment obtenir le nom de la balise
- Comment cocher/décocher une case avec jQuery
- Exemple d’événements clavier jQuery
- jQuery - Exemple de sélecteur de fratrie adjacent