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
```
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 = $('
Texto atual
');
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.No answers yet.
Faça login para deixar uma resposta