add()

посл. ред. 11.08.2016

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

Варианты использования

jQ_object.add(селектор[, область поиска]) => jQuery: Добавляет элементы, найденные по указанному селектору в заданной области.
jQ_object.add(DOM-элемент) => jQuery: Добавляет указанный DOM-элемент (элементы).
jQ_object.add(HTML-код) => jQuery: Добавляет элементы, заданные HTML-кодом.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p class="par1">Параграф 1</p>
  <p class="par2">Параграф 2</p>
  <p class="par3">Параграф 3</p>
  <p class="par4">Параграф 4</p>
</body>
</html>
 
<script>
$('.par4')
/* выбор 4-го параграфа */
  .add('.par3')
/* добавление 3-го параграфа */
  .add(document.body.firstElementChild)
/* добавление 1-го параграфа */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Параграф 2

Параграф 3

Параграф 4