Rumah > Artikel > hujung hadapan web > Bolehkah pemilih jquery menambah koma?

Bolehkah pemilih jquery menambah koma?

青灯夜游asal: 2022-03-16 14:43:032449semak imbas

pemilih jquery boleh menambah koma. Pemilih kumpulan jquery mengandungi koma Inggeris "," dan sintaksnya ialah "$("pemilih 1, pemilih 2, ..., pemilih n")", yang digunakan untuk memilih berbilang pemilih pada masa yang sama dan Ia melakukan perkara yang sama.

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

Pemilih JQuery boleh menambah koma Pemilih ini dipanggil "pemilih kumpulan".

pemilih kumpulan jquery

Pemilih kumpulan digunakan untuk melaksanakan operasi yang sama pada beberapa pemilih pada masa yang sama.

Sintaks:

$("选择器1, 选择器2, ... , 选择器n")

Dua pemilih mesti dipisahkan dengan koma bahasa Inggeris ,, jika tidak pemilih tidak akan berkuat kuasa.

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("h3,div,p,span").css({"color":"red","background-color": "pink"});
			})
		</script>
	</head>
	<body>
		<h3>PHP中文网</h3> 
		<div>PHP中文网</div>
		<p>PHP中文网</p>
		<span>PHP中文网</span>
		
	</body>
</html>

Bolehkah pemilih jquery menambah koma?

$("h3,div,p,span").css({"color":"red","background-color": "pink"}) bermaksud memilih semua h3, div, p dan span, dan kemudian mentakrifkan fon ini elemen Warna merah dan warna latar belakang merah jambu.

$(function() {
	$("h3,div,p,span").css({"color":"red","background-color": "pink"});
})

Kod di atas sebenarnya bersamaan dengan:

$(function() {
	$("h3").css({"color":"red","background-color": "pink"});
	$("div").css({"color":"red","background-color": "pink"});
	$("p").css({"color":"red","background-color": "pink"});
	$("span").css({"color":"red","background-color": "pink"});
})

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

Atas ialah kandungan terperinci Bolehkah pemilih jquery menambah koma?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery css 选择器 background

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：Cara menggunakan kaedah induk jqueryArtikel seterusnya：Cara menggunakan kaedah induk jquery

Artikel berkaitan

Lihat lagi