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

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(Дочерние элементы)
(Дочерние элементы)
Строка 8: Строка 8:
Найти дочерние элементы можно с помощью селектора [[Дочерние селекторы|<tt>("parent > child")</tt>]] или с помощью метода [[Поиск дочерних элементов|<tt>.children()</tt>]]
Найти дочерние элементы можно с помощью селектора [[Дочерние селекторы|<tt>("parent > child")</tt>]] или с помощью метода [[Поиск дочерних элементов|<tt>.children()</tt>]]
-
найдем все дочерние элементы в первом <tt>ul</tt>-элементе и пятом <tt>li</tt>-элементе на странице
+
Найдем все дочерние элементы в первом <tt>ul</tt>-элементе и шестом <tt>li</tt>-элементе на странице
-
<codeditor demoWindowHeight="400px" isCodeClose="true">
+
<codeditor demoWindowHeight="410px" isCodeClose="true">
<!DOCTYPE>
<!DOCTYPE>
<html>
<html>
Строка 154: Строка 154:
   <div class="clear top-element"><p class="result"></p> – найденные элементы.</div>
   <div class="clear top-element"><p class="result"></p> – найденные элементы.</div>
-
 
+
  <div class="clear"><p class="matched"></p> – элементы, дочерние для найденных элементов.</div>
   <script>
   <script>
$('ul:first').addClass('result');
$('ul:first').addClass('result');

Версия 16:59, 24 ноября 2013

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

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

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

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

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

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

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

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

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

Соседними элементами называют элементы, лежащие в общем элементе. находящиеся на одном уровне иерархии в дереве дом. Или другими словами, это все элементы, которые находятся в другом элементе.

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

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

за Comic Sans извени

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