jQuery DOM alterações não aparecem na fonte de exibição

Eu tenho uma pergunta simples aqui. Eu sei que com jQuery você pode acrescentar dinamicamente elementos HTML no DOM, fazendo coisas como

$('').append('

Test

');

Mas a minha pergunta é: por que esses elementos não aparecem visualmente no código (quando você visualiza o Source em seu navegador, por exemplo).

Por favor, especialistas, deixe-me saber o porquê. obrigado

A fonte original nunca muda. Apenas o DOM é alterado.

Você pode ver uma visualização em HTML das alterações do DOM usando as ferramentas de desenvolvedor do seu navegador.

Você deve estar ciente de que, quando manipula o DOM, nunca manipula o HTML. A visualização HTML oferecida pelas ferramentas do desenvolvedor é uma interpretação do estado atual do DOM. Não há modificação real de marcação HTML.

Porque o View Source mostra apenas o HTML que foi enviado para o navegador originalmente. Existem maneiras de ver o HTML modificado – Firebug no Firefox, ferramentas para desenvolvedores F12 no IE ou Chrome. Selecionar algum HTML e clicar com o botão direito do mouse em “Exibir fonte de seleção” no Firefox também funcionará.

O “View Source” mostra apenas a origem que o servidor enviou no momento em que o navegador solicitou a página da Web específica do servidor. Portanto, como essas alterações foram feitas no lado do cliente, elas não aparecem na “Exibição da fonte” porque foram feitas depois que a página original foi entregue.

Para visualizar a fonte ao vivo da página, você pode usar a visualização Web Inspector em navegadores webkit ou o Firebug no Firefox. Eles rastreiam quaisquer alterações no DOM e atualizam a origem que você pode ver.

Há uma opção na ferramenta de desenvolvedor da web (addon do Firefox) ” View generated source “, que lhe dará todo o código-fonte que é gerado depois que você fez alterações.

 view source->View generated source 

Há momentos em que as ferramentas de desenvolvimento no IE / Firefox / Chrome não acompanham o seu DOM. Isso significa apenas que você está lidando com algum código digno de um jedi – ou que Darth Vader deixou lá para você depurar.