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

Reading time ~1 minute

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

Метод 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-элементов на странице

На этом все.


Различие между exports и module.exports

Попытка разобраться, в чем различие между exports и module.exports, основанная на статье Understanding module.exports ...Continue reading

Комментарии

Защита от автоматических сообщений
CAPTCHA
Введите слово на картинке