обход jQuery


Что такое Траверс?

Обход jQuery, что означает «перемещение», используется для «поиска» (или выбора) элементов HTML на основе их отношения к другим элементам. Начните с одного выбора и перемещайтесь по нему, пока не дойдете до нужных элементов.

На изображении ниже HTML-страница представлена ​​в виде дерева (DOM-дерева). С обходом jQuery вы можете легко перемещаться вверх (предки), вниз (потомки) и в стороны (братья и сестры) в дереве, начиная с выбранного (текущего) элемента. Это движение называется обходом или перемещением по дереву DOM.

Размеры jQuery

Объяснение иллюстрации:

  • Элемент <div> является родителем <ul> и предком всего внутри него.
  • Элемент <ul> является родителем обоих элементов <li> и дочерним элементом <div>.
  • Левый элемент <li> является родителем <span>, дочерним элементом <ul> и потомком <div>.
  • Элемент <span> является потомком левого <li> и потомком <ul> и <div>
  • Два элемента <li> являются одноуровневыми (у них один и тот же родитель).
  • Правый элемент <li> является родителем <b>, дочерним элементом <ul> и потомком <div>.
  • Элемент <b> является потомком правого <li> и потомком <ul> и <div>.

Предок — это родитель, дедушка и бабушка, прадедушка и так далее.
Потомок — это ребенок, внук, правнук и так далее.
У братьев и сестер один и тот же родитель.


Обход DOM

jQuery предоставляет множество методов, которые позволяют нам перемещаться по DOM.

Самая большая категория методов обхода — это обход дерева.

В следующих главах мы покажем, как перемещаться вверх, вниз и в стороны по дереву DOM.


Справочник по обходу jQuery

Полный обзор всех методов jQuery Traversing см. в нашем Справочнике по jQuery Traversing .