La différence entre la méthode jquery append() et la méthode html() et introduction à leur utilisation

La méthode

append() insère le contenu spécifié à la fin de l'élément sélectionné, et la méthode html() renvoie ou définit le contenu de l'élément sélectionné. Ce qui suit est une introduction à la différence et à l'utilisation des deux. 🎜>

append(content ) : La méthode insère le contenu spécifié à la fin de l'élément sélectionné (toujours à l'intérieur) De nombreux amis pensent que append est similaire à

AutresAu sens anglais, append est. ajouté à la base d'origine, alors qu'en HTML, il remplace tout le contenu actuel. La méthode

Définition et utilisation

append() insère le contenu spécifié à la fin (toujours à l'intérieur) de l'élément sélectionné.

$(selector).append(content)

Utilisez la fonction pour ajouter du contenu Utilisez la fonction pour insérer du contenu à la fin de l'élément spécifié.

Syntaxe

$(selector).append(function(index,html))

Exemple de code :

html() renvoie ou définit le contenu (HTML interne) de l'élément sélectionné.

<script src="/jquery.min.js" type="text/javascript"></script> 
<style> 
.imgFocus{border: 1px solid #eee;} 
</style> 
<p> </p> 
<script type="text/javascript"> 
var showimg = "<p class=&#39;imgFocus&#39;>123456</p>"; 
$("p").append(showimg); 
</script>

Si cette méthode ne définit pas de paramètres, elle renvoie le contenu actuel de l'élément sélectionné.

Retourner le contenu de l'élément

Lorsque vous utilisez cette méthode pour renvoyer une valeur, elle renverra le contenu du premier élément correspondant.

Syntaxe

$(selector).html()

Définir le contenu de tous les éléments p :

Effacer l'élément spécifié

$(".btn1").click(function(){ 
$("p").html("Hello <b>world</b>!"); 
});

Voici ce que les internautes ont ajouté :

$("a[href$='logout.asp']").click(function(event) { 
event.preventDefault(); 
$.get("/xxlr/Logout.asp","",function(data, textStatus) { 
if (data == 1) { //表明注销成功 
$('#message').html(""); 
$("#userlogin>p").show(); 
} 
else { 
$(&#39;#message&#39;).append("<p><strong>注销失败,请重新尝试!</strong></p>"); 
} 
}); 
});

Bien sûr, c'est différent, append signifie ajouter, html signifie complètement remplacement

Par exempled3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3

$("#1").html("45a2772a6b6107b401db3c9b82c049c2456d6d448110e0324953b5d7bc1e2b276ce ");
Le résultat est :d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3

$("#1"). append(" 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
Le résultat est : d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!