Exemple d'introduction à la différence entre les éléments enfants et les éléments descendants dans jquery_jquery

Apprenez les sélecteurs jQuery aujourd'hui :

Les sélecteurs jQuery sont divisés en sélecteurs de base, sélecteurs hiérarchiques, sélecteurs de filtre et sélecteurs de formulaire.

Sélecteur de base : id, classe, nom de la balise, *, combinaison d'éléments (div, span, p.myClass)

Sélecteur hiérarchique :

Difficulté : jquery La différence entre éléments enfants et éléments descendants.
Les descendants sont tous des descendants de l'élément actuel. Ils sont comptés.
Les éléments enfants sont un sous-ensemble de l'élément actuel.

Pour une analyse spécifique, veuillez vous référer à :

Copier le code Le code est le suivant :

C'est très important.

Ce qui précède est en HTML. Après l'exécution, vous verrez

C'est très important
C'est vraiment très important

style dans le navigateur. Afin de voir facilement l'effet, autant essayer. à utiliser Ajouter une couleur CSS pour essayer

Si vous exécutez $("div strong").css("color","red");, cela transformera l'élément descendant fort du div en rouge. Après l'exécution, c'est

C'est très important
C'est vraiment très important

Si vous exécutez $("div>strong").css("color",". blue") ; consiste à transformer le sous-élément fort du div en bleu. Après avoir couru, c'est

C'est très important
C'est vraiment très important

peut être compris de manière populaire, par exemple, il y a trois générations d'une famille qui vivent. sous le même toit, grand-père, père et vous, l'élément enfant de votre grand-père est votre père, et votre père est aussi l'élément descendant de votre grand-père, et vous n'êtes que l'élément descendant de votre grand-père.