Два метода-антагониста, принцип работы которых ясен из имени самих методов.
Метод children
Метод
возвращает все элементы, которые являются дочерними по отношению к элементу, указанному в качестве аргумента метода.1
.children()
Примеры использования:
- вернет элементы, которые лежат непосредственно внутри div-элементов1
$('div').children()
- вернет элементы класса1
$('div').children('.block')
, которые лежат непосредственно внутри div-элементов1
.block
block1
$('#area').children('.block') - вернет элементы класса .
#area`1
, которые лежат непосредственно внутри элемента с идентификатором
Метод
в чем-то похож на метод 1
.children()
, рассмотренный мною ранее. Но между двумя этими методами существует одно большая разница.1
.find()
Метод
возвращает (другими словами - ищет) все элементы, расположенные на DOM-уровне ниже указанного элемента; и только на этом уровне. Другими словами - возвращаются все непосредственные children-элементы.1
.children()
Метод
производит поиск указанных элементов на всех уровнях DOM-дерева. Другими словами, будет производиться поиск элементов на всех уровнях, вне зависимости от глубины вложенности этих уровней.1
.find()
Метод parent
Метод
возвращает все элементы, являющиеся непосредственными родителями элемента(ов), указанных в качестве аргументов данного метода.1
.parent()
Примеры использования:
- вернет родителя элемента с идентификатором1
$('#block').parent()
1
#block
- вернет родительские элементы всех div-ов1
$('div').parent()
- вернет элементы класса1
$('div').parent('.block')
, которые являются родительскими для div-элементов на странице1
.block
На этом все.