Rumah > Artikel > hujung hadapan web > jquery tambah apa maksudnya

jquery tambah apa maksudnya

青灯夜游asal: 2022-04-20 11:12:523057semak imbas

tambah bermaksud "tambah" dan merupakan kaedah terbina dalam untuk menambah elemen pada gabungan elemen sedia ada. , masing-masing tentukan elemen yang akan ditambah dan kedudukan penambahan Parameter kedua adalah pilihan Jika ditetapkan, elemen hanya akan ditambahkan pada elemen konteks.

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

Dalam jquery, tambah bermaksud "tambah".

jquery tambah apa maksudnya

Kaedah add() menambah elemen pada gabungan unsur sedia ada.

Kaedah ini menerima dua parameter, menyatakan elemen yang akan ditambah dan kedudukan penambahan:

$(selector).add(element,context)

elemen: diperlukan. Menentukan ungkapan pemilih, objek jQuery, satu atau lebih elemen, atau serpihan HTML untuk ditambahkan pada koleksi elemen sedia ada.
konteks: Pilihan. Menentukan kedudukan dalam dokumen di mana ungkapan pemilih mula dipadankan. Kaedah

add() akan menambah elemen pada keseluruhan dokumen Jika parameter konteks ditentukan, ia hanya akan ditambahkan pada elemen konteks.

Contoh 1: Gunakan serpihan HTML untuk menambah elemen

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").add("<br><span>一个新的span元素。</span>").appendTo("p");
				});
			});
		</script>

	</head>
	<body>
		<button>添加一个span元素</button>
		<p>一个P元素。</p>

	</body>
</html>

jquery tambah apa maksudnya

Contoh 2: Tambahkan elemen

dan :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("h1").add("p").add("span").css("background-color", "yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎</h1>
		<p>一个P元素。</p>
		<p>另一个P元素。</p>
		<span>一个span元素。</span>
		<span>一个span元素。</span><br><br>
		<div>本示例为现有的H1元素添加相同的CSS样式为p和span元素。</div>

	</body>
</html>

jquery tambah apa maksudnya

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

Atas ialah kandungan terperinci jquery tambah apa maksudnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk mengalih keluar gaya tetikus tag dalam cssArtikel seterusnya：Bagaimana untuk mengalih keluar gaya tetikus tag dalam css

Artikel berkaitan

Lihat lagi