«prepend» — добавление нового узла в начало списка дочерних узлов

Функция prepend добавляет новый или перемещает существующий узел в начало списка дочерних элементов текущего узла и возвращает копию объекта _$, содержащую ссылку на новый/перемещенный узел.

Входные параметры

В качестве входного параметра функция может принимать строку с именем тега нового узла или ссылку на уже существующий узел.

• prepend('div') — функция создаст новый узел с именем тега DIV и поместит его в начало списка дочерних элементов текущего узла.
• prepend(node) — функция переместит узел, доступный по ссылке node, в начало списка дочерних элементов текущего узла.

Пример использования

$('test').prepend('div');

В начале списка дочерних элементов узла с идентификатором test будет добавлен новый узел с именем тега DIV.

Аналог без использования фреймворка

function prepend(id, tag) {
  var node = document.getElementById(id),
  first = node.firstChild,
  newNode = document.createElement(tag);
  node.insertBefore(newNode, first);
  return newNode;
}

prepend('test', 'div');