Como substituir o HTML em um DIV com jQuery

Passo 1

Abra um aplicativo de desenvolvimento da web ou um editor de texto e crie uma nova página HTML.

Passo 2

Adicione a biblioteca jQuery à página, adicionando o código HTML correspondente entre as tags "" "". Por exemplo:

Altere o caminho no atributo "src" para corresponder ao local e à versão da biblioteca baixada do site da jQuery.

Passo 3

Escreva o código a seguir para adicionar um div HTML à página com texto de amostra. Isto deve ser adicionado entre as tags "" "".

Este é um exemplo

Passo 4

Adicione um botão HTML na página usando o código abaixo, que deve ser adicionado após o exemplo DIV. O botão não tem nenhuma ação definida no momento, já que você adicionará o manipulador de cliques por meio do jQuery.

Passo 5

Adicione o seguinte código HTML entre as tags "" "" abaixo da tag "" usada para incluir a biblioteca jQuery.

Esse código criará uma função que será executada automaticamente assim que a página for carregada. Em seguida, você define um manipulador de cliques para o botão com o ID HTML "myButton", que executa uma função quando é clicado. A função substitui o código HTML contido no DIV com o id "test".

Passo 6

Carregue a página no seu servidor da Web e abra-a em um navegador. Clique no botão e você verá que o conteúdo do DIV muda instantaneamente à medida que o manipulador de cliques é executado.