jQuery Обход

Что такое обход?

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

На диаграмме ниже показано семейное дерево. С помощью обхода 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.