Метод .add() добавляет заданные элементы в уже существующий набор элементов.

См. также метод andSelf, который фильтрует элементы в наборе по заданному селектору.

См. также урок работа с набором элементов jQuery для более полного понимания.

Синтаксис

Добавление по селектору:

.add(селектор)

Добавляемые элементы задаются одним или несколькими (массивом) DOM элементами:

.add(DOM элемент)

Добавляемые элементы задаются html текстом:

.add(html текст)

Добавляемые элементы ищутся на странице с помощью заданного селектора, внутри области, заданной параметром контекст. Область поиска может быть задана DOM элементом, объектом jQuery или объектом документа:

.add(селектор, контекст)

Примеры

Пример

Давайте найдем все абзацы, поставим им текст '!', затем добавим к найденным абзацам заголовки h2 и одновременно для заголовков и абзацев поставим красный цвет:

$('p').html('!').add('h2').css('color', 'red');

Пример

Давайте введем контекст поиска - добавим только те h2, которые лежат внутри элемента с id, равным test:

var context = $('#test');
$('p').html('!').add('h2', context).css('color', 'red');

Пример

Создадим контекст поиска в виде DOM элемента с помощью JavaScript метода getElementById:

var context = document.getElementById('#test');
$('p').html('!').add('h2', context).css('color', 'red');

Пример

Чаще всего можно обойтись и без контекста, просто сделав более сложный селектор:

$('p').html('!').add('#test h2').css('color', 'red');