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

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
Строка 4: Строка 4:
Для некого элемента А, дочерними будут являться элементы, находящиеся непосредственно внутри А.
Для некого элемента А, дочерними будут являться элементы, находящиеся непосредственно внутри А.
-
Например, для <tt>ul</tt>-элемента, дочерними являются все <tt>li</tt>-элементы внутри него, однако, то что находится внутри этих <tt>li</tt>-элементов, уже не будет являться дочерними элементами (однако будет являться [[#Элементы-потомки|потомками]])
+
Например, для <tt>ul</tt>-элемента, дочерними являются все <tt>li</tt>-элементы внутри него, однако, то что находится внутри этих <tt>li</tt>-элементов, уже не будет являться дочерними элементами (однако будет являться [[#Элементы потомки|потомками]]).
 +
 
 +
Найти дочерние элементы можно с помощью селектора [[Дочерние селекторы|<tt>("parent > child")</tt>]] или с помощью метода [[Поиск дочерних элементов|<tt>.children()</tt>]]
<codeditor demoWindowHeight="400px" isCodeClose="true">
<codeditor demoWindowHeight="400px" isCodeClose="true">
Строка 24: Строка 26:
     }
     }
     ul.matched{
     ul.matched{
-
       background:url('/tags/images/matched.png') 0% 2% no-repeat;
+
       position:relative;
 +
      left:-3px;
 +
      border:3px solid #8888ff;
     }
     }
     ul.result{
     ul.result{
Строка 42: Строка 46:
     }
     }
     li.matched{
     li.matched{
-
       background:#e1e1e1 url('/tags/images/matched.png') 5% 5% no-repeat;
+
       margin-left:6px;
 +
      margin-right:6px;
 +
      width:60px;
 +
      height:60px;
 +
      border:3px solid #8888ff;
     }
     }
     li.result{
     li.result{
Строка 61: Строка 69:
     }
     }
     p.matched{
     p.matched{
-
       background:#f4f4f4 url('/tags/images/matched_mini.png') center no-repeat;
+
       width:12px;
 +
      height:12px;
 +
      border:2px solid #8888ff;
     }
     }
     p.result{
     p.result{

Версия 17:37, 20 ноября 2013

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

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

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

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

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

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

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

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

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

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

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

за Comic Sans извени

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