Два метода-антагониста, принцип работы которых ясен из имени самих методов.

Метод children

Метод .children() возвращает все элементы, которые являются дочерними по отношению к элементу, указанному в качестве аргумента метода.

Примеры использования:

• $('div').children() - вернет элементы, которые лежат непосредственно внутри div-элементов
• $('div').children('.block') - вернет элементы класса .block, которые лежат непосредственно внутри div-элементов
• $('#area').children('.block') - вернет элементы класса.block, которые лежат непосредственно внутри элемента с идентификатором #area`

Метод .children() в чем-то похож на метод .find(), рассмотренный мною ранее. Но между двумя этими методами существует одно большая разница.

Метод .children() возвращает (другими словами - ищет) все элементы, расположенные на DOM-уровне ниже указанного элемента; и только на этом уровне. Другими словами - возвращаются все непосредственные children-элементы.

Метод .find() производит поиск указанных элементов на всех уровнях DOM-дерева. Другими словами, будет производиться поиск элементов на всех уровнях, вне зависимости от глубины вложенности этих уровней.

Метод parent

Метод .parent() возвращает все элементы, являющиеся непосредственными родителями элемента(ов), указанных в качестве аргументов данного метода.

Примеры использования:

• $('#block').parent() - вернет родителя элемента с идентификатором #block
• $('div').parent() - вернет родительские элементы всех div-ов
• $('div').parent('.block') - вернет элементы класса .block, которые являются родительскими для div-элементов на странице

На этом все.