Page 158 - 6108

де content – елемент DOM, текстовий вузол, масив елементів та
текстових вузлів, рядок HTML або jQuery об'єкт.
function – функція (index, html ) => htmlString | Element |
Text | jQuery, яка повертає рядки HTML, елементи DOM, текстові вузли або
об'єкти jQuery для вставки в кінці кожного елемента в наборі відповідних
елементів. Отримує позицію індексу елемента у наборі і старе значення HTML
елемента як аргументи.

$(".inner").append( "<p>Test</p>" );
$(".container").append( $( "h2" ) );

let $newdiv1 = $( "<div id='object1'></div>" );
let newdiv2 = document.createElement( "div" );
let existingdiv1 = document.getElementById("foo");
$("body").append($newdiv1, [ newdiv2, existingdiv1]);
Метод .prepend( content [, content ] | function) додає новий
контент в початок кожного елемента вибірки

Методи .appendTo(target) і .prependTo(target) додають вибрані
об'єкти в якості дочірніх до елементу target (в кінець або початок списку
дочірніх елементів), де
target – селектор, елемент, рядок HTML, масив елементів або об'єкт
jQuery.
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
$( "<p>Test 1</p>" ).appendTo( ".inner" );
$( "<p>Test 2</p>" ).prependTo( ".inner" );
Метод .wrap( wrappingElement | function) обгортає перший
елемент вибірки набором відповідних елементів, де
wrappingElement – селектор, елемент, рядок HTML або об'єкт jQuery, що
визначають структуру, яка обертає елементи вибірки.

function – функція зворотного виклику (index ) => String |
jQuery, яка повертає вміст HTML або jQuery об'єкт, який буде обгортати
елементи вибірки. Отримує індекс позиції елемента в наборі як аргумент.
Коли в метод передається колекція jQuery, яка містить більше одного
елемента, або селектор, що відповідає більш ніж одному елементу, буде
використано перший елемент

$( ".inner" ).wrap( "<div class='new'></div>" );
Метод .wrapAll( wrappingElement | function) обгортає всі
елементи вибірки набором відповідних елементів

$( ".inner" ).wrapAll( "<div class='new' />");

Метод .wrapInner( wrappingElement | function) огортає
структуру HTML навколо вмісту кожного елемента в наборі відповідних
елементів.
$( ".inner" ).wrapInner( "<div class='new'></div>");