Heim > Artikel > Web-Frontend > Wozu dient die Methode jquery clone()?
Wozu dient die Methode jquery clone()?
- 青灯夜游Original
- 2022-03-10 17:50:142312Durchsuche
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.
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)
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>
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!