Quelle est l'utilisation de la méthode jQuery html()-js tutoriel-php.cn

Quelle est l'utilisation de la méthode jQuery html()

青灯夜游

Libérer： 2021-05-06 16:49:39

original

4833 Les gens l'ont consulté

La méthode

html() est utilisée pour renvoyer ou définir le contenu de l'élément sélectionné : 1. Si aucun paramètre n'est défini, renvoie le contenu actuel de l'élément sélectionné, la syntaxe est "$(selector).html ()"; 2. Si des paramètres sont définis, le contenu de tous les éléments correspondants sera écrasé, avec la syntaxe "$(selector).html(content value)".

Quelle est l'utilisation de la méthode jQuery html()

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Méthode jQuery html()

La méthode html() renvoie ou définit le contenu (HTML interne) de l'élément sélectionné.

Renvoie le contenu de l'élément

Lorsque vous utilisez cette méthode pour renvoyer une valeur, elle renvoie le contenu du premier élément correspondant .

Syntaxe

$(selector).html()

Copier après la connexion

Exemple :

<!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>

Copier après la connexion

Quelle est lutilisation de la méthode jQuery html()

Définir le contenu de l'élément

Lors de la définition d'une valeur à l'aide de cette méthode, elle écrase le contenu de tous les éléments correspondants.

Syntaxe

$(selector).html(content)

Copier après la connexion

content : Spécifie le nouveau contenu de l'élément sélectionné, qui peut être omis. Ce paramètre peut contenir des balises HTML.

Exemple :

<!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>

Copier après la connexion

Quelle est lutilisation de la méthode jQuery html()