Traversée jQuery

Qu'est-ce que le parcours ?

Le parcours jQuery, signifiant « déplacer », est utilisé pour « trouver » (ou sélectionner) des éléments HTML en fonction de leur relation avec d'autres éléments. Commencez par une sélection et avancez dans cette sélection jusqu'à atteindre l'élément souhaité.

L'image ci-dessous montre un arbre généalogique. Avec le parcours jQuery, vous pouvez facilement vous déplacer vers le haut (ancêtres), vers le bas (descendants) et horizontalement (frères et sœurs) dans l'arbre généalogique, en commençant par l'élément sélectionné (actuel). Ce mouvement est appelé traversée du DOM.

img_travtree.png

Analyse de l'illustration : l'élément

<div> est l'élément parent de <ul> L'élément

<ul> est l'élément parent de l'élément <li> et est l'élément enfant de

L'élément <li> le parent de l'élément <span>, un élément enfant de <ul> et un descendant de <div>. L'élément

<span> est un enfant de <li> et un descendant de <ul>

Deux éléments <li> sont frères (ont le même élément parent). L'élément <li> sur le côté droit de

est l'élément parent de <b>, l'élément enfant de <ul>, et est le descendant de <div>. L'élément

<b> est un enfant de <li> à droite et est un descendant à la fois de <ul>

Parcourir le DOM

jQuery fournit une variété de méthodes pour parcourir le DOM.

Le plus grand type de méthode de traversée est la traversée d'arbres (tree-traversal).


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); }); </script> </head> <body> <button>输出每个列表项的值</button> <ul> <li>Coffee</li> <li>Milk</li> <li>Soda</li> </ul> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel