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

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

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

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

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

_______________________________________________________________

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

_______________________________________________________________