Heim > Web-Frontend > js-Tutorial > Hauptteil

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

巴扎黑
Freigeben: 2017-06-24 11:22:04
Original
2218 Leute haben es durchsucht

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>
Nach dem Login kopieren
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>!"); 
});
Nach dem Login kopieren


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>"); 
} 
}); 
});
Nach dem Login kopieren
Natürlich ist es anders, Anhängen bedeutet Anhängen, HTML bedeutet vollständig ersetzen

Zum Beispiel

123

$("#1").html("456 ");

Das Ergebnis ist:

456



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

123

456

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!