Добавление элементов

Метод .append() – добавляет содержимое, определенное параметром, новый набор будет содержать первоначальное содержимое и добавленное

.append(содержимое1, содержимое2), где в качестве содержимое1 – добавляется html – элемент, массив, строка или объект jQuery; содержимое2 – необязательный параметр, определяет дополнительное содержимое.

.append(функция) – функция вызывается для каждого элемента набора, ей передаются 2 аргумента – индекс элемента и текущее содержимое элемента. Возвращает она строку, DOM элемент или объект jQuery.

Метод .appendTo() аналог .append() с разницей в том, что функции jQuer передается добавляемый элемент, а не обернутый набор.

.appendTo(элемент, к которому добавляется содержимое)

Метод .prepend() работает аналогично в .append(), только новое содержимое добавляется в начало, сразу после открывающегося тега элемента. Вариации метода аналогичны, также имеется метод .prependTo().

Метод .before() – добавляет html – фрагмент или элемент, указанный в параметре метода, в дерево DOM перед каждым элементом обернутого набора. Функция вызывается для каждого элемента набора, ей передается сам элемент и два аргумента – индекс элемента и текущее содержимое элемента. Возвращаемое значение используется в качестве содержимого, дополняющего имеющееся содержимое элемента. Вариации: .before(содержимое1, содержимое2), где содержимое2 необязательный параметр; .before(функция).

Метод .insertBefore() – вставляет содержимое, переданное функции jQuery, перед каждым элементом, указанным в качестве аргумента данного метода. Синтаксис: .insertBefore(элемент, к которому добавляется содержимое).

Метод .after() – добавляет содержимое, указанное в параметре метода, в дерево DOM, после каждого элемента обернутого набора. Вариации: .after(содержимое1, содержимое2) и .after(функция).

Метод insertAfter() – вставляет содержимое, переданное функции jQuery, после каждого элемента, указанного в качестве параметра данного метода. Синтаксис: insertAfter(элемент, к которому добавляется содержимое)

Метод .wrap() – обертывает элемент или группу элементов html – разметкой.

.wrap(элемент - обертка) – строка, представляющая фрагмент html – разметки, селектор, элемент с заданным классом или функция jQuery, которыми будет обернут набор элементов.

.wrap(функция обратного вызова) функция вызывается один раз для каждого элемента набора. В качестве аргумента получает индекс элемента в наборе. Внутри функции this ссылается на текущий элемент в наборе.

.wrapAll() – оборачивает все элементы набора как единое целое в указанную html – разметку;

.wrapInner() – оборачивает содержимое элементов набора, включая текстовое содержимое, в указанную html – разметку;