English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Прогон DOM jQuery

jQuery позволяет нам использовать навигацию по узловым отношениям в DOM-дереве.

jQuery предоставляет различные методы DOM-пробега для случайного выбора элементов в документе и методов для упорядоченного выбора.

Что такое DOM-пробег?

DOM-пробег в основном означает перемещение вокруг DOM, составляющего веб-страницу. Во время пробега DOM можно передвигать на любую необходимую элемент. Вы также можете передвигать иерархию вниз до заданного подузла или к собратам. Это позволяет просматривать HTML-страницу, чтобы найти точное положение, где необходимо собрать данные или выполнить изменения.

Ниже показан HTML-страница в виде дерева (DOM-дерева). Используя jQuery для遍ения, можно легко перемещаться по дереву от выбранного элемента вверх (предки), вниз (потомки) и в стороны (собратьи). Это движение называется遍ением DOM-дерева - или навигацией - или перемещением.

Из上图 можно увидеть:

  • <html> является родителем <head> и <body>, является родителем всех элементовПредки

  • <head> является родителем <title>, является подэлементом <html>.

  • <body> является родителем <h1> и <a>, является подэлементом <html>.

  • <title> является подэлементом <head>, является потомком <html>.

  • <h1> является подэлементом <body>, является потомком <html>.

  • <a> является подэлементом <body>, является потомком <html>.

  • у этих <h1> и <a>Братские элементы на одном уровне(они имеют общего родителя), являются потомками <html> и <body>.

предки - это родители, бабушки, дедушки и т.д.

потомки - это дети, внуки, правнуки и т.д.

Братские элементы - это элементы, которые имеют одного общего родителя.

Прогон DOM-дерева

jQuery предоставляет различные методы для遍ения DOM.

В следующей главе мы покажем, как перемещаться по DOM-дереву.

Референтное руководство по遍ению jQuery

Для получения полной информации о методах遍ения посетите нашРеферентное руководство по遍ению jQuery.