Обход 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.