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