обход jQuery
Что такое Траверс?
Обход jQuery, что означает «перемещение», используется для «поиска» (или выбора) элементов HTML на основе их отношения к другим элементам. Начните с одного выбора и перемещайтесь по нему, пока не дойдете до нужных элементов.
На изображении ниже HTML-страница представлена в виде дерева (DOM-дерева). С обходом jQuery вы можете легко перемещаться вверх (предки), вниз (потомки) и в стороны (братья и сестры) в дереве, начиная с выбранного (текущего) элемента. Это движение называется обходом или перемещением по дереву DOM.
Объяснение иллюстрации:
- Элемент <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 .