Erstellen eines div-Elements in jQuery

Question

Wie kann ich eine div Element in jQuery ?

Answer 1

Ab jQuery 1.4 können Sie Attribute an ein selbst geschlossenes Element wie folgt übergeben:

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

Hier ist es in der Dokumente

Beispiele sind zu finden unter jQuery 1.4 veröffentlicht: Die 15 neuen Funktionen, die Sie kennen müssen .

Answer 2

Sie können verwenden append (um an der letzten Position des Elternteils hinzuzufügen) oder prepend (zum Hinzufügen an der ersten Position des Elternteils):

$('#parent').append('<div>hello</div>');    
// or
$('<div>hello</div>').appendTo('#parent');

Alternativ können Sie auch die .html() o .add() wie erwähnt in einem andere Antwort .

Answer 3

Technisch $('<div></div>') erstellt" eine div Element (oder genauer gesagt ein DIV-DOM-Element), fügt es aber nicht in Ihr HTML-Dokument ein. Sie müssen es dann in Kombination mit den anderen Antworten verwenden, um etwas Nützliches damit anzufangen (z. B. mit der append() Methode oder ähnliches).

El Manipulationsdokumentation bietet Ihnen alle Möglichkeiten, wie Sie neue Elemente hinzufügen können.

Answer 4

d = document.createElement('div');
$(d).addClass(classname)
    .html(text)
    .appendTo($("#myDiv")) //main div
.click(function () {
    $(this).remove();
})
    .hide()
    .slideToggle(300)
    .delay(2500)
    .slideToggle(300)
    .queue(function () {
    $(this).remove();
});

Answer 5

div = $("<div>").html("Loading......");
$("body").prepend(div);