Page 159 - 6108

$( ".inner" ).wrapInner(function() {
return "<div class='" + this.nodeValue + "'></div>";
});

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

$( ".inner" ).before( "<p>Greetings</p>" );
Метод after(content [, content ] | function | function-
html) вставляє новий елемент після кожного елементу вибірки

$( ".inner" ).after( "<p>Goog bye</p>" );

Метод .insertBefore(target) вставляє відповідні елементи перед
елементом target

$( "<p>Test</p>" ).insertBefore( ".inner" );
Метод .insertAfter(target) вставляє відповідні елементи після
елементу target

$( "<p>Test</p>" ).insertAfter( ".inner" );

Метод .replaceWith( newContent | function) заміщає внутрішній
вміст відповідних елементів новим вмістом, де
newContent – вміст, який потрібно вставити. Може бути рядок HTML,
елемент DOM, масив елементів DOM або об'єкт jQuery.
function – функція, яка повертає зміст, за допомогою якого можна
замінити набір відповідних елементів

$( ".inner" ).eq(0).replaceWith( "<h2>New heading</h2>" );
Метод .replaceAll(target) замінює кожен елемент target на набір
відповідних елементів

$( "<h2>New heading</h2>" ).replaceAll( ".inner" );
Метод .remove([selector]) видаляє вибрані елементи зі структури
DOM, де

selector – селектор, який фільтрує набір відповідних елементів, які
потрібно видалити.
$( ".inner" ).remove();

Метод .detach([selector]) аналогічний методу remove() за тим
винятком, що при видаленні об'єкта зберігаються всі пов'язані з ним дані.
Перевага такого підходу полягає в тому, що ми можемо пізніше вставити
віддалені елемент в іншому місці розмітки html
Метод .empty() очищає вміст відповідних елементів, роблячи їх
порожніми.