Heim >Web-Frontend >js-Tutorial >Wozu dient die jQuery-HTML()-Methode?
Wozu dient die jQuery-HTML()-Methode?
- 青灯夜游Original
- 2021-05-06 16:42:094838Durchsuche
Die Methode
html() wird verwendet, um den Inhalt des ausgewählten Elements zurückzugeben oder festzulegen: 1. Wenn keine Parameter festgelegt sind, wird der aktuelle Inhalt des ausgewählten Elements zurückgegeben. Die Syntax lautet „$(selector).html()“; 2. Wenn Parameter festgelegt sind, wird der Inhalt aller übereinstimmenden Elemente überschrieben. Die Syntax lautet „$(selector).html(content value)“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.2, Dell G3-Computer.
jQuery html()-Methode
html()-Methode gibt den Inhalt (inneres HTML) des ausgewählten Elements zurück oder legt ihn fest.
Elementinhalt zurückgeben
Wenn diese Methode zum Zurückgeben eines Werts verwendet wird, wird der Inhalt des ersten übereinstimmenden Elements zurückgegeben.
Syntax
$(selector).html()
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
alert($("p").html());
});
});
</script>
</head>
<body>
<p>这是一个 <b>段落</b>。</p>
<button>返回P标签的内容</button>
</body>
</html>
Elementinhalt festlegen
Wenn Sie mit dieser Methode einen Wert festlegen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.
Syntax
$(selector).html(content)
Inhalt: Gibt den neuen Inhalt des ausgewählten Elements an, der weggelassen werden kann. Dieser Parameter kann HTML-Tags enthalten.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").html("Hello <b>world!</b>");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>修改所有P元素的内容</button>
</body>
</html>
Empfohlene verwandte Video-Tutorials: jQuery Tutorial (Video)
Das obige ist der detaillierte Inhalt vonWozu dient die jQuery-HTML()-Methode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!