Apakah kegunaan kaedah jquery clone()?

青灯夜游
Lepaskan: 2022-03-10 17:59:38
asal
2316 orang telah melayarinya

Dalam jquery, kaedah klon() digunakan untuk menyalin elemen Kaedah ini boleh menghasilkan salinan elemen yang dipilih, termasuk nod anak, teks dan atribut ialah "$(selector).clone(. bool)" , parameter bool ialah nilai Boolean yang menentukan sama ada untuk menyalin semua pengendalian acara elemen.

Apakah kegunaan kaedah jquery clone()?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

kaedah jquery clone()

Dalam jquery, kaedah clone() digunakan untuk menyalin elemen.

Kaedah klon() menjana salinan elemen yang dipilih, termasuk nod anak, teks dan atribut.

Sintaks:

$(selector).clone(bool)
Salin selepas log masuk

Parameter bool ialah nilai Boolean yang menentukan sama ada untuk menyalin semua pemprosesan peristiwa Nilai itu benar atau salah nilai lalai adalah palsu. benar bermakna bukan sahaja menyalin elemen, tetapi juga menyalin peristiwa yang unsur itu terikat. palsu bermakna hanya elemen akan disalin, tetapi peristiwa yang terikat pada elemen tidak akan disalin.

Contoh:

<!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>
Salin selepas log masuk

Apakah kegunaan kaedah jquery clone()?

Dalam contoh ini, kami mengikat satu klik pada semua acara elemen li. $("ul li:nth-child(4)").clone(true) bermaksud menyalin elemen li keempat dan menyalin acara yang terikat pada elemen li pada masa yang sama.

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Apakah kegunaan kaedah jquery clone()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan