Avatar ·

Como criar um elemento div com jQuery e adicioná-lo à página?

Olá a todos! Comecei a estudar jQuery recentemente e não consigo entender como criar novos elementos na página. Fico sempre confuso com a sintaxe. Preciso adicionar blocos com informações dinamicamente no site. Eu sei que em JavaScript puro posso criar um div com `document.createElement('div')` e depois adicioná-lo com `appendChild`. Mas como fazer isso de forma mais simples com jQuery? Tentei escrever algo como `$('
')`, mas não entendo como inserir esse div no lugar certo da página. Por exemplo, tenho um container: ```html

Texto atual

``` E preciso adicionar um novo bloco com a classe `new-block`, que contenha um título e um parágrafo. Tentei fazer assim: ```javascript var newDiv = $('
'); newDiv.html('

Título

Texto do bloco

'); $('#container').append(newDiv); ``` Mas isso não funciona como esperado — às vezes o bloco é adicionado no lugar errado, e às vezes quebra a página.