Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggunakan jquery eq()

Bagaimana untuk menggunakan jquery eq()

青灯夜游asal: 2022-03-03 15:27:504364semak imbas

Dalam jquery, kaedah eq() digunakan untuk mengembalikan elemen dengan nombor indeks tertentu bagi elemen yang dipilih, sintaks "$(selector).eq(index)" dan ":eq() " pilih Operator digunakan untuk memilih elemen dengan nilai indeks yang ditentukan, sintaksnya ialah "$(":eq(index)")".

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

Dalam jquery, eq() dibahagikan kepada dua situasi:

eq() kaedah
:eq() Pemilih

kaedah jquery eq()

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

Sintaks:

$(selector).eq(index)

indeks: Diperlukan. Menentukan indeks unsur, yang boleh menjadi integer atau nombor negatif. Jika nombor negatif digunakan, indeks akan dikira dari hujung elemen yang dipilih.

Nota: Nombor indeks (indeks) bermula dari 0, jadi nombor indeks elemen pertama ialah 0 (bukan 1).

Contoh 1: Pilih elemen

kedua (nombor indeks ialah 1)

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").eq(1).css("background-color", "yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎来到我的主页</h1>
		<p>我的名字叫Donald (下标 0).</p>
		<p>Donald Duck (index 1).</p>
		<p>我住在 Duckburg (index 2).</p>
		<p>我最好的朋友是 Mickey (index 3).</p>

	</body>
</html>

Bagaimana untuk menggunakan jquery eq()

Contoh 2: Gunakan nombor negatif untuk mengembalikan elemen

kedua dari hujung elemen yang dipilih.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").eq(-2).css("background-color", "yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎来到我的主页</h1>
		<p>我的名字叫 Donald。</p>
		<p>Donald Duck。</p>
		<p>我住在 Duckburg (将被选中，因为它是倒数第二个元素)。</p>
		<p>我最好的朋友是 Mickey。</p>

	</body>
</html>

Bagaimana untuk menggunakan jquery eq()

pemilih jquery :eq()

:eq() The pemilih memilih elemen dengan nilai indeks tertentu.

Nilai indeks bermula dari 0, jadi nilai indeks elemen pertama ialah 0 (bukan 1).

Penggunaan yang paling biasa: digunakan dengan pemilih lain untuk memilih elemen dengan indeks tertentu dalam gabungan tertentu.

Sintaks:

$(":eq(index)")

indeks: diperlukan. Menentukan indeks unsur.

Contoh: Pilih elemen

kedua:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p:eq(1)").css("background-color","yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎来到我的主页</h1>
		<p>我的名字叫 Donald。</p>
		<p>Donald Duck。</p>
		<p>我住在 Duckburg 。</p>
		<p>我最好的朋友是 Mickey。</p>

	</body>
</html>

Bagaimana untuk menggunakan jquery eq()

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

Atas ialah kandungan terperinci Bagaimana untuk menggunakan jquery eq(). 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：Apakah maksud pemalam javascript?Artikel seterusnya：Apakah maksud pemalam javascript?

Artikel berkaitan

Lihat lagi