Heim >Web-Frontend >js-Tutorial >Der Unterschied zwischen der jquery append()-Methode und der html()-Methode und Einführung in deren Verwendung

Der Unterschied zwischen der jquery append()-Methode und der html()-Methode und Einführung in deren Verwendung

巴扎黑
巴扎黑Original
2017-06-24 11:22:042243Durchsuche

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)


Verwenden Sie die Funktion

, 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=&#39;imgFocus&#39;>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

$(selector).html()

Legen Sie den Inhalt aller p-Elemente fest:


Löschen Sie das angegebene Element

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


Das Folgende haben Internetnutzer hinzugefügt:

$("a[href$=&#39;logout.asp&#39;]").click(function(event) { 
event.preventDefault(); 
$.get("/xxlr/Logout.asp","",function(data, textStatus) { 
if (data == 1) { //表明注销成功 
$(&#39;#message&#39;).html(""); 
$("#userlogin>p").show(); 
} 
else { 
$(&#39;#message&#39;).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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn