Der Unterschied zwischen der append()-Methode von jquery und der html()-Methode und Einführung in ihre use_jquery

append(content): Diese Methode fügt den angegebenen Inhalt am Ende des ausgewählten Elements ein (immer noch im Inneren). Viele Freunde denken, append sei ähnlich wie HTML. Mit anderen Worten, append wird dem Original im englischen Sinne hinzugefügt. während es in HTML den gesamten aktuellen Inhalt ersetzt.

Definition und Verwendung

Die Methode

append() fügt den angegebenen Inhalt am Ende (immer noch innerhalb) des ausgewählten Elements ein.
$(selector).append(content)

Verwenden Sie Funktionen, um Inhalte anzuhängen
Verwenden Sie eine Funktion, um Inhalte am Ende eines angegebenen Elements einzufügen.

Grammatik

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

Beispielcode:

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

Die

html()-Methode gibt den Inhalt (inneres HTML) des ausgewählten Elements zurück oder legt ihn fest.

Wenn diese Methode keine Parameter setzt, gibt sie den aktuellen Inhalt des ausgewählten Elements zurück.
Elementinhalt zurückgeben
Wenn Sie diese Methode zur Rückgabe eines Werts verwenden, wird der Inhalt des ersten übereinstimmenden Elements zurückgegeben.

Grammatik

$(selector).html()

Legen Sie den Inhalt aller p-Elemente fest:

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

Löschen Sie das angegebene Element

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

Das Folgende haben Internetnutzer hinzugefügt:

Natürlich ist es anders, Anhängen bedeutet Anhängen, HTML bedeutet vollständiges Ersetzen
Zum Beispield3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3
$("#1").html("45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114");
Das Ergebnis ist:d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3

$("#1").append("45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
Das Ergebnis ist:d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3