Utilisation du sélecteur hiérarchique jQuery Analysis_jquery

Dans un document HTML, chaque élément se trouve toujours à une certaine position dans l'arborescence des nœuds DOM, et il existe toujours une certaine relation hiérarchique entre les éléments de la hiérarchie du document, comme la relation entre parent et enfant.

1. Sélecteur d'élément enfant

est utilisé pour rechercher tous les éléments enfants sous un élément parent donné. Le format de syntaxe est :

Copier le code Code comme suit :

$("parent->enfant");

2. Sélecteur d'élément descendant

est utilisé pour faire correspondre tous les éléments descendants sous un élément ancêtre donné. Le format de syntaxe est :

Copiez le code Le code est le suivant. :

$("ancêtre descendant");

3. Sélecteur d'élément frère immédiat

est utilisé pour faire correspondre tous les éléments suivants immédiatement après l'élément précédent. Le format de syntaxe est :

Copier le code Le code est le suivant :

$("précédent suivant")

4. Sélecteur d'éléments frères et sœurs adjacents

est utilisé pour sélectionner tous les éléments frères derrière un élément. Le format de syntaxe est le suivant :

Copier le code Le code est le suivant :

$("préc~frères et sœurs")

Exemple complet :

Copier le code Le code est le suivant :

Sélecteur de niveau Les éléments d'entrée descendants de l'élément de formulaire sont : input1, input2, input3                                                                                               & Lt; div id = "div1" & gt; sous-élément maindiv : l'ID est div1 & lt;/div & gt; & Lt; div id = "div2" & gt; sous-élément maindiv : l'ID est div2 & lt;/div & gt;                                                                                                                                                                                                                                                                                   ; & Lt; label & gt; tous les sous-éléments de maindiv sont : div1, div2 & lt;/label & gt;


Le rendu est présenté ci-dessous :




J'espère que cet article sera utile à la programmation jQuery de chacun.