Maison >interface Web >Questions et réponses frontales >A quoi sert la méthode jquery clone() ?

A quoi sert la méthode jquery clone() ?

青灯夜游
青灯夜游original
2022-03-10 17:50:142362parcourir

Dans jquery, la méthode clone() est utilisée pour copier des éléments. Cette méthode peut générer une copie de l'élément sélectionné, y compris les nœuds enfants, le texte et les attributs ; et le paramètre bool est une valeur booléenne qui spécifie s'il faut copier tous les gestionnaires d'événements pour l'élément.

A quoi sert la méthode jquery clone() ?

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

Méthode jquery clone()

Dans jquery, la méthode clone() est utilisée pour copier des éléments. La méthode

clone() génère une copie de l'élément sélectionné, y compris les nœuds enfants, le texte et les attributs.

Syntaxe :

$(selector).clone(bool)

Parameter bool est une valeur booléenne qui spécifie s'il faut copier tous les traitements d'événements de l'élément. La valeur est vraie ou fausse, et la valeur par défaut est fausse. true signifie non seulement copier l'élément, mais également copier les événements auxquels l'élément est lié. false signifie que seul l'élément sera copié, mais les événements liés à l'élément ne seront pas copiés.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("li").click(function () {
                alert("欢迎来到PHP中文网!");
            });
            $("#btn").click(function () {
                var $li = $("ul li:nth-child(4)").clone(true);
                $($li).appendTo("ul");
            });
        })
    </script>
	</head>
	<body>
		<ul>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
			<li>jQuery</li>
			<li>Vue.js</li>
		</ul>
		<input id="btn" type="button" value="复制" />
	</body>
</html>

A quoi sert la méthode jquery clone() ?

Dans cet exemple, nous lions un événement click à tous les éléments li. $("ul li:nth-child(4)").clone(true) signifie copier le quatrième élément li et copier l'événement lié à l'élément li en même temps.

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn