Rumah > hujung hadapan web > tutorial js > Bagaimana untuk memilih elemen anak pertama dalam jquery

Bagaimana untuk memilih elemen anak pertama dalam jquery

青灯夜游
Lepaskan: 2021-11-19 14:42:39
asal
6315 orang telah melayarinya

Cara memilih bilangan elemen anak dalam jquery: 1. Gunakan kaedah children() untuk mendapatkan semua elemen anak langsung bagi elemen yang ditentukan, sintaksnya ialah "$("elemen yang ditentukan").children( )"; 2. Gunakan kaedah eq () memilih sub-elemen berdasarkan nombor indeks, sintaksnya ialah "sub-element.eq(index)".

Bagaimana untuk memilih elemen anak pertama dalam jquery

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

jquery memilih elemen anak

Dalam jquery, anda boleh menggunakan kaedah children() eq() untuk memilih elemen child

  • kanak-kanak() mengembalikan semua elemen anak langsung bagi elemen yang dipilih. Kaedah

  • eq() mengembalikan elemen dengan nombor indeks yang ditentukan bagi elemen yang dipilih. Nombor indeks bermula dengan 0, jadi nombor indeks unsur pertama ialah 0 (bukan 1).

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").children().eq(1).css("background-color","yellow");
			  });
			});
		</script>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>选择div元素的第2个子元素</button>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk memilih elemen anak pertama dalam jquery

Cadangan tutorial video berkaitan:

Tutorial jQuery(Video)

Atas ialah kandungan terperinci Bagaimana untuk memilih elemen anak pertama 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