1. Obtenez l'élément parent 1. parent([expr]) : Obtenez tous les éléments parents de l'élément spécifié Copiez le code Le code est le suivant : href_fir< /a> href_sec href_thr< /a>< ;/div> href_fiv span> $(document).ready(function(){ $("a").parent().addClass('a_par'); }); firebug view jquery parent effect 2. Obtenez les éléments frères et sœurs : 1 next([expr]) : Obtenez l'élément frère suivant de l'élément spécifié (notez qu'il est le prochain élément frère) Copier le code Le code est le suivant : élément de liste 1 élément de liste 3 élément de liste 4 <br>$('li.third-item').next().css('background-color', 'red'); 🎜></script> ; <BR><br></body> <br></html> <br><br> <br>Le résultat de cet exemple est que seule la couleur d'arrière-plan de l'élément de liste 4 devient rouge <br><br> 2. nextAll([expr]): <br> </div>Obtenir tous les éléments frères après l'élément spécifié <br><br><br><br><br>Copier le code<br><div class="codetitle"> <span> Le code est le suivant : <a style="CURSOR: pointer" data="69586" class="copybut" id="copybut69586" onclick="doCopy('code69586')"><u> </u><div><span>Et encore</span></div> </a>var p_nex = $( "p").nextAll(); </span>p_nex.addClass('p_next_all'); </div> <div class="codebody" id="code69586"> <br>Faites attention à la dernière balise "<p>", le nom de la classe 'p_next_all' également ajouté ~~ <br><br>3. andSelf() : <br> </div>Récupère tous les éléments frères derrière l'élément spécifié, puis ajoute l'élément spécifié <br><br>Je pense que cette fonction est la le plus intéressant, qu'est-ce que cela signifie ? La traduction littérale est « et moi », « et moi-même », oui, il y a toujours moi-même. <br><br><br><br><br>Copier le code<br><div class="codetitle"> <span> Le code est le suivant :<a style="CURSOR: pointer" data="9107" class="copybut" id="copybut9107" onclick="doCopy('code9107')"><u> </u><p>Bonjour</p> <p> ;Bonjour encore</p><div><span>Et encore</span></div> </a>var p_nex = $("p").nextAll().andSelf(); </span> p_nex.addClass('p_next_all'); </div> <div class="codebody" id="code9107"> <br>Faites attention à la première balise "<p>" Cette phrase signifie sélectionner toutes les balises frères et sœurs après la balise p, ainsi que vous-même. . . <br><br>Les deux suivants ne donneront pas d'exemples spécifiques. Ils sont en fait l'opposé de next() et nextAll()<br><br>4. le précédent). <br><br>5. prevAll() : Obtenez tous les éléments frères devant l'élément spécifié. <br><br>3. Obtenez les sous-éléments <br><br>1. Méthode de recherche des sous-éléments 1 : > <br><br>Par exemple : var aNods = $("ul > a") ; Rechercher ul Toutes les balises a sous <br><br> 2. Méthode 2 pour trouver des éléments enfants : children() <br><br> 3. Méthode 3 pour trouver des éléments enfants : find() <br><br>Ici nous présentons brièvement les similitudes et les différences suivantes entre children() et find() : <br><br>1> Les méthodes children et find sont toutes deux utilisées pour obtenir les éléments enfants de l'élément. Les deux ne renverront pas de nœud de texte, tout comme. la plupart des méthodes jQuery. <br>2> La méthode children n'obtient que les éléments enfants situés en dessous de l'élément, à savoir : les enfants immédiats. <br>3> La méthode find obtient tous les éléments subordonnés, c'est-à-dire : les descendants de ces éléments dans l'arborescence DOM <br>4> Le sélecteur de paramètre de la méthode children est facultatif (facultatif) et est utilisé pour filtrer les éléments enfants, <br>4> 🎜><br>Mais la méthode de sélection de paramètres de la méthode find est requise. <br><br>5> La méthode find peut en fait être implémentée en utilisant jQuery (sélecteur, contexte). Autrement dit, $('li.item-ii').find('li') équivaut à $('li', 'li.item-ii' <br><br>Exemple : <br><div class="codetitle"><span><a style="CURSOR: pointer" data="90544" class="copybut" id="copybut90544" onclick="doCopy('code90544')">Copier le code<u></u></a> Le code est le suivant :</span></div> <div class="codebody" id="code90544"><ul class="level-1"> 🎜><li class="item-i">I</li> <br><li class="item-ii">II <br><ul class="level-2"> <br><li class="item-a">A</li> <br><li class="item-b">B <br><ul class="level-3"> ; <br><li class="item-1">1</li> <br><li class="item-2">2</li> item-3"> 3</li> <br></ul> <br></li> <br><li class="item-c">C</li> <br> </ul> <br></li> <br><li class="item-iii">III</li> Utilisez : $('ul .level-2').children().css('border', '1px solid green'); L'effet est : <br><br>Utilisez $('ul.level-2'). ).find('li ').css('border', '1px solid green'); L'effet est :</div> </div>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
