Wozu dient die jQuery-HTML()-Methode?-js-Tutorial-php.cn

Wozu dient die jQuery-HTML()-Methode?

青灯夜游

Freigeben： 2021-05-06 16:49:39

Original

4772 Leute haben es durchsucht

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)“.

Wozu dient die jQuery-HTML()-Methode?

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()

Nach dem Login kopieren

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>

Nach dem Login kopieren

Wozu dient die jQuery-HTML()-Methode?

Elementinhalt festlegen

Wenn Sie mit dieser Methode einen Wert festlegen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.

Syntax

$(selector).html(content)

Nach dem Login kopieren

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>

Nach dem Login kopieren

Wozu dient die jQuery-HTML()-Methode?

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!