Селектор дочерних элементов осуществляет более специфический отбор элементов по сравнению с селектором потомков. Он отбирает лишь элементы, являющиеся непосредственными потомками элементов-предков (родителей). Для выбора дочернего элемента используется конструкция, включающая в себя селектор родительского элемента (parent), символ "больше" (>) и селектор дочернего элемента (child):
     родительский>дочерний

Попробуем выбрать в тестовом файле все элементы span, являющиеся непосредственными потомками элемента body:
$("body>span");

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

____________________
>>> $("body>span")
[ ]

____________________

 
Отберем все элементы span, являющиеся непосредственными потомками элементов р:
$("p>span");
Соответствующий вывод будет выглядеть следующим образом.

____________________

>>> $("p>span")
[span, span.foo]

____________________