Метод parent и children библиотеки jQuery

Reading time ~1 minute

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

Метод children

Метод

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

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

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

Метод

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

Метод

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

Метод

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

Метод parent

Метод

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

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

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

На этом все.


MongoDB - создание документа

![MongoDB]({{site.url}}/images/uploads/2017/05/mongodb-logo.jpg "MongoDB")Приступили к самому основному - операциям создания, чтения, изм...… Continue reading

MongoDB - документы

Published on May 23, 2017