jQuery пропонує тривіальний і витончений спосіб створювати нові елементи, використовуючи той же самий метод $ (). застосовуваний, щоб робити вибірки:
Відзначте атрибутивний об'єкт в другому параметрі вище, а також ім'я властивості class, укладену в лапки класи, тоді як імена властивостей text і href - немає. Імена властивостей зазвичай не повинні полягати в лапки, якщо вони не є зарезервованими словами (як class в цьому випадку).
Коли Ви створюєте новий елемент з jQuery. він не відразу додається до сторінки. Є кілька способів додати елемент на сторінку, як тільки вона була створена.
// Додавання нового елемента на сторінку.
var $ myNewElement = $ ( "
новий елемент
");$ MyNewElement.insertAfter ( "ul: last");
// Це видалить p з #content!
$ ( "Ul") .last (). After ($ myNewElement.clone ());
// Клонування p, так що тепер у нас їх два.
Можна також створити елемент, коли Ви додаєте його в сторінку, але відзначте, що в цьому випадку Ви не отримуєте посилання на недавно створений елемент:
// Створення і додавання елемента
// на сторінку в той же час.
$ ( "Ul") .append ( "
Синтаксис для додавання нових елементів на сторінку простий, таким чином, це спокушає забути, що є величезна вартість продуктивності для того, щоб періодично додавати в DOM. Якщо Ви додавати багато елементів в той же самий контейнер, то Вам слід пов'язати весь HTML в один рядок, і потім додати цей рядок до контейнера, замість того, щоб додавати елементи по одному. Використовуйте масив, щоб зібрати всі шматки разом, а потім з'єднати їх в один рядок для додавання:
var myItems = [];
var $ myList = $ ( "#myList");
for (var i = 0; i