Взаимное расположение элементов

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(Соседние элементы)
(Дочерние элементы)
Строка 2: Строка 2:
== Дочерние элементы ==
== Дочерние элементы ==
-
Для некоторого элемента А, дочерними будут являться элементы, находящиеся непосредственно внутри А.
+
Для некоторого элемента А, дочерними будут являться элементы, находящиеся непосредственно внутри А. В свою очередь, А будет являться [[#Родительский элемент|родительским элементом]], для каждого из дочерних.
Например, для <tt>ul</tt>-элемента, дочерними являются все <tt>li</tt>-элементы внутри него, однако, то что находится внутри этих <tt>li</tt>-элементов, уже не будет являться дочерними элементами (однако будет являться [[#Элементы потомки|потомками]]).
Например, для <tt>ul</tt>-элемента, дочерними являются все <tt>li</tt>-элементы внутри него, однако, то что находится внутри этих <tt>li</tt>-элементов, уже не будет являться дочерними элементами (однако будет являться [[#Элементы потомки|потомками]]).

Версия 18:45, 24 ноября 2013

В этой статье собраны основные термины, которые используют для описания взаимного расположения элементов в дереве DOM (элементов на странице).

Содержание

Дочерние элементы

Для некоторого элемента А, дочерними будут являться элементы, находящиеся непосредственно внутри А. В свою очередь, А будет являться родительским элементом, для каждого из дочерних.

Например, для ul-элемента, дочерними являются все li-элементы внутри него, однако, то что находится внутри этих li-элементов, уже не будет являться дочерними элементами (однако будет являться потомками).

Найти дочерние элементы можно с помощью селектора ("parent > child") или с помощью метода .children()

Найдем все дочерние элементы в первом ul-элементе и шестом li-элементе на странице

Элементы потомки

Потомками элемента A будут являться все элементы, лежащие внутри него. То есть все дочерние элементы, дочерние для дочерних элементов и т. д.

Найти все элементы потомки (для примера все потомки первого div-элемента на странице) можно так: $('div:first *'). Здесь для поиска используется нисходящий селектор, а так же селектор всех элементов (*).

Найдем все элементы-потомки для второго ul-элемента на странице:

Соседние элементы

Соседними элементами называют элементы, лежащие в общем элементе.

Родительский элемент

Для некоторого элемента А, родительским будет элемент, внутри которого он непосредственно находится. В свою очередь, для этого родительского элемента, А, будет дочерним.

Найти родительский элемент можно с помощью метода .parent().

Найдем родительские элементы для первого p-элемента и седьмого li-элемента на странице:

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извени

Личные инструменты