Avatar ·

Wie erstelle ich ein div-Element mit jQuery und füge es zur Seite hinzu?

Hallo zusammen! Ich habe gerade angefangen, jQuery zu lernen, und komme mit dem Erstellen neuer Elemente auf der Seite nicht klar. Ich verwechsle ständig die Syntax. Ich muss dynamisch Blöcke mit Informationen zur Website hinzufügen. Ich weiß, dass ich in reinem JavaScript ein div mit `document.createElement('div')` erstellen und dann mit `appendChild` hinzufügen kann. Aber wie mache ich das einfacher mit jQuery? Ich habe versucht, so etwas wie `$('
')` zu schreiben, verstehe aber nicht, wie ich dieses div dann an die richtige Stelle auf der Seite einfüge. Zum Beispiel habe ich einen Container: ```html

Aktueller Text

``` Und ich muss einen neuen Block mit der Klasse `new-block` hinzufügen, der eine Überschrift und einen Absatz enthält. Ich habe es so versucht: ```javascript var newDiv = $('
'); newDiv.html('

Überschrift

Blocktext

'); $('#container').append(newDiv); ``` Aber das funktioniert nicht wie erwartet – manchmal wird der Block an der falschen Stelle hinzugefügt, manchmal zerstört er sogar die Seite.