Иерархические селекторы

$( » div.demo span » ) // выбор всех span, находящихся внутри блока с классом demo (будут отобраны все «span», которые находятся внутри «div» с классом «demo», если в span будет вложен еще один span, то он тоже будет отобран)

$( » div «, » #myid » ) // то же, что и в предыдущих примерах (будут отобраны все «div», которые находятся внутри блока с идентификатором «myid»)

$( » div.myclass > span » ) // выбор дочерних элементов (будут отобраны все span, находящийся в блоке с классом «myclass», и являющиеся дочерними (потомками первого уровня) по отношению к этому блоку, если в span будет вложен еще один span, то он не будет отобран)

$( » #demo + p » ) // выбор следующего за указанным элемента (будет отобран параграф, находящийся сразу же за элементом с идентификатором «demo»)

$( » а ~ p » ) // выбор всех, следующих за указанным элементов (будут отобраны все параграфы, находящийся за ссылкой и являющиеся сестринскими по отношению к этой ссылке)