Jquery - створення нових елементів

jQuery пропонує тривіальний і витончений спосіб створювати нові елементи, використовуючи той же самий метод $ (). застосовуваний, щоб робити вибірки:

Відзначте атрибутивний об'єкт в другому параметрі вище, а також ім'я властивості class, укладену в лапки класи, тоді як імена властивостей text і href - немає. Імена властивостей зазвичай не повинні полягати в лапки, якщо вони не є зарезервованими словами (як class в цьому випадку).

Коли Ви створюєте новий елемент з jQuery. він не відразу додається до сторінки. Є кілька способів додати елемент на сторінку, як тільки вона була створена.

// Додавання нового елемента на сторінку.

var $ myNewElement = $ ( "

новий елемент

");

$ MyNewElement.insertAfter ( "ul: last");
// Це видалить p з #content!

$ ( "Ul") .last (). After ($ myNewElement.clone ());
// Клонування p, так що тепер у нас їх два.

Можна також створити елемент, коли Ви додаєте його в сторінку, але відзначте, що в цьому випадку Ви не отримуєте посилання на недавно створений елемент:

// Створення і додавання елемента
// на сторінку в той же час.
$ ( "Ul") .append ( "

  • list item
    • ");

    Синтаксис для додавання нових елементів на сторінку простий, таким чином, це спокушає забути, що є величезна вартість продуктивності для того, щоб періодично додавати в DOM. Якщо Ви додавати багато елементів в той же самий контейнер, то Вам слід пов'язати весь HTML в один рядок, і потім додати цей рядок до контейнера, замість того, щоб додавати елементи по одному. Використовуйте масив, щоб зібрати всі шматки разом, а потім з'єднати їх в один рядок для додавання:

    var myItems = [];
    var $ myList = $ ( "#myList");

    for (var i = 0; i

    Схожі статті