O jQuery oferece muitos métodos para ajudar os desenvolvedores a criar uma experiência web dinâmica com eficiência. O método jQuery html()
substitui todo HTML no elemento selecionado. Isso é útil se você deseja alterar dinamicamente o que o usuário vê após interagir com a página.
Neste guia, aprenderemos como usar html()
e sua sintaxe. Também adotaremos uma abordagem passo a passo para usar html()
. jQuery html()
é um método fundamental da biblioteca jQuery e é frequentemente usado. Depois de aprender o básico, você estará pronto para começar a praticar com html()
.
O que é jQuery html ()?
jQuery html()
define o conteúdo HTML de cada elemento em um conjunto de elementos correspondentes. Deve-se tomar cuidado para fornecer uma consulta suficientemente precisa para substituir apenas o HTML desejado.
Somente o conteúdo é editado com html ()
. Se houver uma folha de estilo, o novo conteúdo terá o mesmo estilo do conteúdo anterior. Também vale a pena mencionar que html()
só funciona em documento HTML - não funciona com XML.
Sintaxe html () jQuery
Lembre-se que Os métodos jQuery são chamados primeiro em um seletor. O seletor pode ser tão grande quanto uma tag
ou tão específico quanto ). Uma vez selecionado o elemento desejado, podemos chamar html()
e passar uma string HTML como parâmetro para html()
. Para obter uma explicação detalhada dos seletores CSS, consulte nosso guia .
html ()
aceita um string literal como um parâmetro ou uma variável contendo a string. Passar uma string literal de "Novo conteúdo" será renderizado como passar uma variável referente a "Novo conteúdo".