jquery tambah apa maksudnya-Soal Jawab bahagian hadapan-php.cn

jquery tambah apa maksudnya

青灯夜游

Lepaskan： 2022-04-20 18:39:55

asal

3073 orang telah melayarinya

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.

jquery tambah apa maksudnya

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)

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

jquery tambah apa maksudnya