jqueryhtml()-Methode
Übersetzungsergebnisse:
HTML
Englisch [ˌeɪtʃ ti: em ˈel] US [ˌetʃtiɛmˈɛl]
abbr.Hypertext Markup Language Hypertext Markup Language
jqueryhtml()-MethodeSyntax
Funktion: Die Methode html() 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 verwenden, um einen Wert zurückzugeben, wird der Inhalt des ersten übereinstimmenden Elements zurückgegeben.
Syntax: $(selector).html()
Elementinhalt festlegen: Wenn Sie mit dieser Methode einen Wert festlegen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.
Syntax: $(selector).html(content)
Parameter:
Parameter | Beschreibung |
Inhalt | Optional. Gibt den neuen Inhalt des ausgewählten Elements an. Dieser Parameter kann HTML-Tags enthalten. |
Verwenden Sie Funktionen, um den Inhalt von Elementen festzulegen: Verwenden Sie Funktionen, um den Inhalt aller passenden Elemente festzulegen.
Syntax: $(selector).html(function(index,oldcontent))
Parameter:
Parameter | Beschreibung |
function(index,oldcontent) | Geben Sie eine an Funktion, die den neuen Inhalt des ausgewählten Elements zurückgibt. |
Index | Optional. Empfängt die Indexposition des Selektors. |
alter Inhalt | Optional. Empfängt den aktuellen Inhalt des Selektors. |
jqueryhtml()-MethodeBeispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").html("Hello <b>world!</b>"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button class="btn1">改变 p 元素的内容</button> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen