Apakah kaedah untuk menambahkan elemen anak dalam jquery

青灯夜游
Lepaskan: 2022-03-23 19:28:19
asal
6615 orang telah melayarinya

Kaedah untuk menambahkan elemen anak dalam jquery: 1. append(), yang boleh menambahkan elemen anak pada akhir elemen yang dipilih, dengan sintaks "$(elemen induk).append(elemen anak)"; 2. appendTo (), anda boleh menambahkan elemen anak ke penghujung elemen yang ditentukan, sintaksnya ialah "$(elemen anak).appendTo(elemen induk)".

Apakah kaedah untuk menambahkan elemen anak dalam jquery

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

Terdapat dua cara untuk menambahkan elemen anak (menambah elemen anak pada penghujung) dalam jquery:

  • tambah()

  • appendTo()

kaedah jQuery append()

Dalam jQuery, kita boleh menggunakan kaedah append() untuk menambahkan Sisipkan kandungan " pada penghujungnya".

Sintaks:

$(A).append(B)
Salin selepas log masuk

bermaksud memasukkan B di hujung A.

Contoh:

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

Apakah kaedah untuk menambahkan elemen anak dalam jquery

kaedah jQuery appendTo()

Dalam jQuery, appendTo( ) Walaupun fungsi kedua-dua kaedah dan append() ini adalah serupa, kedua-duanya memasukkan kandungan "pada penghujung" di dalam elemen yang dipilih, tetapi objek operasinya diterbalikkan.

Sintaks:

$(A).appendTo(B)
Salin selepas log masuk

bermaksud memasukkan A di hujung B.

Contoh:

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

Apakah kaedah untuk menambahkan elemen anak dalam jquery

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

Atas ialah kandungan terperinci Apakah kaedah untuk menambahkan elemen anak dalam jquery. 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