Wozu dient die Methode jquery clone()?-Front-End-Fragen und Antworten-php.cn

Wozu dient die Methode jquery clone()?

青灯夜游

Freigeben： 2022-03-10 17:59:38

Original

2295 Leute haben es durchsucht

In jquery wird die Methode clone() verwendet, um Elemente zu kopieren, einschließlich untergeordneter Knoten, Text und Attributen. Die Syntax lautet „$(selector).clone(bool)“. und der Parameter bool ist ein boolescher Wert, der angibt, ob alle Ereignishandler für das Element kopiert werden sollen.

Wozu dient die Methode jquery clone()?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery clone()-Methode

In jquery wird die clone()-Methode zum Kopieren von Elementen verwendet. Die Methode

clone() generiert eine Kopie des ausgewählten Elements, einschließlich untergeordneter Knoten, Text und Attributen.

Syntax:

$(selector).clone(bool)

Nach dem Login kopieren

Parameter bool ist ein boolescher Wert, der angibt, ob die gesamte Ereignisverarbeitung des Elements kopiert werden soll. Der Wert ist wahr oder falsch, und der Standardwert ist falsch. true bedeutet nicht nur das Kopieren des Elements, sondern auch das Kopieren der Ereignisse, an die das Element gebunden ist. false bedeutet, dass nur das Element kopiert wird, die an das Element gebundenen Ereignisse jedoch nicht.

Beispiel:

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

Nach dem Login kopieren

Wozu dient die Methode jquery clone()?

In diesem Beispiel binden wir ein Klickereignis an alle li-Elemente. $("ul li:nth-child(4)").clone(true) bedeutet, dass das vierte li-Element kopiert wird und gleichzeitig das an das li-Element gebundene Ereignis kopiert wird.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonWozu dient die Methode jquery clone()?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!