Comment ajouter des éléments au corps dans jquery-Questions et réponses frontales-php.cn

Comment ajouter des éléments au corps dans jquery

青灯夜游

Libérer： 2022-04-22 11:14:51

original

5452 Les gens l'ont consulté

Méthodes pour ajouter des éléments : 1. Utilisez append(), la syntaxe "$("body").append(new element)" pour ajouter des éléments à la fin du corps 2. Utilisez prepend(), la syntaxe " $ ("body").prepend(new element)" peut ajouter des éléments au début du corps.

Comment ajouter des éléments au corps dans jquery

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

Ajouter des éléments au corps signifie ajouter des éléments enfants au corps. L'article suivant vous présentera deux méthodes pour ajouter des éléments enfants au corps à l'aide de jquery.

Méthode 1 : utilisez append()

Utilisez la méthode prepend() pour insérer du contenu (élément ou texte) au "début" à l'intérieur de l'élément body

Syntaxe :

$("body").append(新元素)

Copier après la connexion

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").append(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

Copier après la connexion

Comment ajouter des éléments au corps dans jquery

Méthode 2 : utilisez prepend()

Utilisez la méthode prepend() pour insérer du contenu au "début" à l'intérieur de l'élément sélectionné.

Grammaire :

$("body").prepend(新元素)

Copier après la connexion

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").prepend(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

Copier après la connexion

Comment ajouter des éléments au corps dans jquery