Quelle est la méthode pour ajouter des éléments enfants dans jquery-Questions et réponses frontales-php.cn

Quelle est la méthode pour ajouter des éléments enfants dans jquery

青灯夜游

Libérer： 2022-03-23 19:28:19

original

6614 Les gens l'ont consulté

Méthodes d'ajout d'éléments enfants dans jquery : 1. append(), qui peut ajouter des éléments enfants à la fin de l'élément sélectionné, avec la syntaxe "$(parent element).append(child element)"; ), qui peut ajouter l'élément enfant à la fin de l'élément spécifié, la syntaxe est "$(child element).appendTo(parent element)".

Quelle est la méthode pour ajouter des éléments enfants dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Il existe deux façons d'ajouter des éléments enfants (ajouter des éléments enfants à la fin) dans jquery :

append()
appendTo()

jQuery append() méthode

dans jQuery , nous pouvons utiliser la méthode append() pour insérer du contenu "à la fin" à l'intérieur de l'élément sélectionné.

Syntaxe :

$(A).append(B)

Copier après la connexion

signifie insérer B à la fin de A.

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("#btn").click(function () {
                var $li = "<li>香蕉</li>";
                $("ul").append($li);
            })
        })
    </script>
	</head>
	<body>
		<ul>
			<li>苹果</li>
			<li>梨子</li>
			<li>橘子</li>
		</ul>
		<input id="btn" type="button" value="插入" />
	</body>
</html>

Copier après la connexion

Quelle est la méthode pour ajouter des éléments enfants dans jquery

Méthode jQuery appendTo()

Dans jQuery, les deux méthodes appendTo() et append() ont des fonctions similaires, toutes deux s'ajoutent à la "fin" de l'élément sélectionné. , mais les objets d'opération des deux sont inversés.

Syntaxe :

$(A).appendTo(B)

Copier après la connexion

signifie insérer A à la fin de B.

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("#btn").click(function () {
                var $li = "<li>榴莲</li>";
                $($li).appendTo("ul");
            })
        })
    </script>
	</head>
	<body>
		<ul>
			<li>苹果</li>
			<li>梨子</li>
			<li>橘子</li>
			<li>香蕉</li>
		</ul>
		<input id="btn" type="button" value="插入" />
	</body>
</html>

Copier après la connexion

Quelle est la méthode pour ajouter des éléments enfants dans jquery