Урок №16 - Добавление элементов

jQuery позволяет встраивать различные элементы прямиком в HTML-структуру сайта. Для этого в библиотеке предусмотрено несколько методов, которые делают примерно схожие функции, но с небольшими отличиями.

Методы append() и appendTo() позволяют поместить объект в конец другого объекта. Разница между ними лишь в синтаксисе:

• append() принимает параметр со значением, которое необходимо поместить в блок;
• appendTo() принимает параметр с информацией куда необходимо поместить значение.

Также существует метод .prepend(). Метод действует также как «append», но помещает объект в начало другого объекта.

Если вы хотите обернуть объект в какой-либо тег, то для этого стоит использовать метод wrap().

Если вы хотите поместить объект после или до другого объекта, то необходимо использовать функции insertAfter() или же insertBefore().

// Поместить после блока с id = block
$("Просто текст").insertAfter("#block");
// Поместить текст перед последним тегом div
$("Просто еще текст").insertBefore("div").last();