Heim >Web-Frontend >js-Tutorial >Der Unterschied zwischen der jquery append()-Methode und der html()-Methode und Einführung in deren Verwendung
Die
append()-Methode fügt den angegebenen Inhalt am Ende des ausgewählten Elements ein und die html()-Methode gibt den Inhalt des ausgewählten Elements zurück oder legt ihn fest. Im Folgenden finden Sie eine Einführung in den Unterschied und die Verwendung der beiden
append(content): Diese Methode fügt den angegebenen Inhalt am Ende des ausgewählten Elements ein (immer noch innerhalb des Inhalts). Viele Freunde denken, dass append im englischen Sinne ähnlich ist. append wird zur ursprünglichen Basis 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), um Inhalte anzuhängen. Verwenden Sie die Funktion, um Inhalte am Ende des angegebenen Elements einzufügen.
Syntax
$(selector).append(function(index,html))
Beispielcode:
html() gibt den Inhalt (inneres HTML) des ausgewählten Elements zurück oder legt ihn fest.
<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='imgFocus'>123456</p>"; $("p").append(showimg); </script>Wenn diese Methode keine Parameter setzt, gibt sie den aktuellen Inhalt des ausgewählten Elements zurück.
Elementinhalt zurückgeben
Wenn Sie diese Methode verwenden, um einen Wert zurückzugeben, wird der Inhalt des ersten übereinstimmenden Elements zurückgegeben.
Syntax
Löschen Sie das angegebene Element
$(".btn1").click(function(){ $("p").html("Hello <b>world</b>!"); });
Das Folgende haben Internetnutzer hinzugefügt:
$("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 { $('#message').append("<p><strong>注销失败,请重新尝试!</strong></p>"); } }); });Natürlich ist es anders, Anhängen bedeutet Anhängen, HTML bedeutet vollständig ersetzen
Zum Beispield3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3
$("#1").html("45a2772a6b6107b401db3c9b82c049c2456d6d448110e0324953b5d7bc1e2b276ce ");Das Ergebnis ist:d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3
$("#1"). append(" 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
Das Ergebnis ist: d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen der jquery append()-Methode und der html()-Methode und Einführung in deren Verwendung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!