logo

jQuery append()

Метод jQuery append() використовується для вставлення зазначеного вмісту як останнього дочірнього (в кінці) вибраних елементів у колекції jQuery.

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

Синтаксис :

 $(selector).append(content, function(index, html)) 

Параметри методу jQuery append().

Він повертає позицію індексу елемента в наборі.Він повертає поточний HTML вибраного елемента.
Параметр опис
Зміст Це обов'язковий параметр. Він визначає вміст, який ви хочете вставити. Його можливі значення:
  • елементи HTML
  • Об'єкти jQuery
  • Елементи DOM
Функція (index,html) Це необов'язковий параметр. Він визначає функцію, яка повертає вміст для вставки.
Індекс:
HTML:

Приклад методу append() jQuery

Розглянемо приклад, щоб продемонструвати метод append() jQuery.

 $(document).ready(function(){ $(&apos;#btn1&apos;).click(function(){ $(&apos;p&apos;).append(&apos; <b>Newly added appended text</b> .&apos;); }); $(&apos;#btn2&apos;).click(function(){ $(&apos;ol&apos;).append(&apos;<li> <b>Newly added appended item</b> </li>&apos;); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item 
Перевірте зараз