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

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(Дочерние элементы)
(Дочерние элементы)
Строка 156: Строка 156:
   <script>
   <script>
-
    $('li:eq(1)').addClass("result");
+
$('ul:first').addClass('result');
-
    $('ul:last p:eq(4)').addClass("result");
+
$('ul:first>*').addClass('matched');
 +
 
 +
$('li:eq(8)').addClass('result');
 +
$('li:eq(8)').children().addClass('matched');
   </script>
   </script>

Версия 03:23, 23 ноября 2013

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

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

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

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

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

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

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

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

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

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

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

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

за Comic Sans извени

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