Оглавление

Создание новых DOM-элементов

Чтобы создать новый DOM-элемент, требуется лишь сообщить jQuery его дескриптор. Например, для создания нового элемента абзаца используется следующий код:
$("p");


Чтобы добавить в элемент атрибуты и текст, достаточно записать их в виде простого HTML-кода.
$('<p class="bat">Это новый абзац!</p>');

 
Примечание. В предыдущем примере HTML-строка выделена не двойными кавычками, а апострофами. На функционировании jQuery это никак не сказывается; это лишь позволило нам избавиться от необходимости маскировать двойные кавычки, используемые в атрибуте class (например, class="bat")


Начиная с версии jQuery 1.4 можно добавлять атрибуты в новый элемент путем передачи второго аргумента с использованием нотации JavaScript Object Notation (JSON)(1).
$("p", {
"class":"bat",
"text":"Это новый абзац!"
});

Выполнение приведенного выше фрагмента кода даст следующий результат.

_______________________________________________________________

>>> $("<p>", { "class":"bat", "text":"Это новый абзац!" });
[p.bat]

_______________________________________________________________

 

Примечание. Если ограничиться кратким объяснением, то JSON требует указывать пары ключ-значение, в которых в кавычки берутся как ключ, так и значение, а все такие пары отделены друг от друга двоеточиями и совокупно заключены в фигурные скобки, например { "key": "value" } или { "key1" :"value1", "key2":"value2"   }.
Примечания:
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити