Heim > Web-Frontend > js-Tutorial > So ändern Sie den Wert untergeordneter Elemente in jquery

So ändern Sie den Wert untergeordneter Elemente in jquery

WBOY
Freigeben: 2022-09-09 19:26:05
Original
3077 Leute haben es durchsucht

So ändern Sie den Wert eines Unterelements in jquery: 1. Verwenden Sie die Anweisung „$(„element id value“)“, um das Unterelementobjekt gemäß dem angegebenen ID-Wert abzurufen. 2. Verwenden Sie html(); Methode zum Ändern des erhaltenen Unterelementobjektwerts. Ja, die Syntax lautet „Unterelementobjekt.html(“modifizierter Wert“);“.

So ändern Sie den Wert untergeordneter Elemente in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

Wie jquery den Wert untergeordneter Elemente ändert

Wir können die Methode html() verwenden, um den Inhalt des ausgewählten Elements (inneres HTML) zurückzugeben oder festzulegen.

Wenn für diese Methode keine Parameter festgelegt sind, wird der aktuelle Inhalt des ausgewählten Elements zurückgegeben.

Die Syntax lautet:

$(selector).html(content)
Nach dem Login kopieren

Dabei ist der Inhalt ein optionaler Parameter. Gibt den neuen Inhalt des ausgewählten Elements an. Dieser Parameter kann HTML-Tags enthalten.

Um den Wert eines Unterelements mit jquery zu ändern, müssen Sie nur die HTML-Methode verwenden. Die Syntax lautet „element object.html (modifizierter Wert);“ Schauen wir uns das anhand eines Beispiels an:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").html("Hello world!");
  });
});
</script>
</head>
<body>
<p>This is another paragraph.</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So ändern Sie den Wert untergeordneter Elemente in jqueryWeitere Programmierkenntnisse finden Sie unter:

Programmiervideos

! !

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert untergeordneter Elemente in jquery. 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