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

Далее: jQuery - AJAX Введение

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)