Метод .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');