Содержание:
  1. Комментарии

Навигация по элементам в jQuery

Александр Мальцев
6.5K
0
Содержание:
  1. Комментарии

Статья, в которой рассматриваются различные методы библиотеки jQuery, предназначенные для фильтрации элементов текущего набора, для поиска в DOM-дереве других элементов, связанных с элементами текущего набора некоторым отношением, и для выполнения других операций.

jQuery - Методы для работы с набором элементов

Виды методов jQuery для работы с набором элементов

Библиотека jQuery содержит методы, которые предназначены для выполнения различных операций над набором элементов. Эти методы сгруппированы в 3 категории:

  • Методы для фильтрации элементов текущего набора: eq(), first(), last(), slice(), filter(), has(), is(), map(), not().
  • Методы, осуществляющие поиск элементов в DOM-дереве: children(), closest(), find(), next(), nextAll(), nextUntil(), offsetParent(), parent(), parents(), parentsUntil(), prev(), prevAll(), prevUntil(), siblings().
  • Категория, в которой собраны методы, выполняющие различные действия: add(), addBack(), contents(), end(), not().

Методы, осуществляющие поиск элементов в DOM-дереве

В этой категории собраны методы jQuery, которые для каждого элемента текущего набора осуществляют поиск других элементов в DOM-дереве на основе того, каким они отношением связаны с исходным.

.next(). Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск следующего за ним элемента, который должен являться по отношению к нему сиблингом (siblings). Метод .next() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.nextAll() - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех следующих за ним элементов, которые по отношению к нему являются сиблингами (siblings). Метод .nextAll() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.nextUntil([селектор|элемент]) - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех следующих за ним элементов (являющиеся по отношению к нему сиблингом) до указанного. Метод .nextUntil() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.prev() - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск предыдущего элемента, который является по отношению к нему сиблингом (siblings). Метод .prev() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.prevAll() - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех предыдущих элементов, которые являются по отношению к нему сиблингом (siblings). Метод .prevAll() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.prevUntil(селектор|элемент) - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех предыдущих элементов (являющие по отношение к нему сиблингом) до указанного. Метод .prevUntil() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.sibling() - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех элементов в DOM-дереве, которые приходятся ему сиблингами (siblings). Метод .sibling() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.children() - Данный метод выполняет следующее: для каждого элемента текущего набора находит все элементы в DOM-дереве, которые приходятся ему детьми (child). Метод .children() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

.closest(выражение) - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск элемента в DOM-дереве, который отвечает указанному в качестве параметра выражению. Поиск элементов данный метод осуществляет начиная с исходного элемента, далее переходит к родителю, потом к родителю родителя и т.д. вверх по DOM-дереву. Метод .closest() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

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

.offsetParent() - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск его ближайшего элемента-предка, который не расположен в нормальном потоке (т.е. имеет CSS свойство position со значением relative, absolute или fixed). Метод .offsetParent() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

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

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

.parentsUntil(селектор|элемент) - Данный метод выполняет следующее: он для каждого элемента текущего набора осуществляет поиск всех его предков (включая родителя) до указанного. Метод .parentsUntil() в качестве своего результата - возвращает объект jQuery, состоящий из найденных элементов.

Методы, выполняющие различные действия, которые связаны с набором элементов

Кроме этого библиотека jQuery содержит дополнительные методы, которые собраны в категории "Разные" и предназначенные для выполнения различных действий, которые можно отнести к операциям, связанными с наборами элементов.

.add(выражение) - добавить к текущему набору дополнительные элементы, которые заданы с помощью выражения, указанного в качестве параметра данного метода.

.addBack() - добавить из стека цепочки методов jQuery предыдущий набор элементов в текущий набор. Данный параметр предоставляет возможность отфильтровать элементы предыдущего набора, перед тем как их добавить к текущему набору.

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

.end() - позволяет вернуться к набору элементов, которые были у предыдущей операции фильтрации в пределах текущей цепочки методов jQuery.

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

Комментарии ()

    Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.