Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery

青灯夜游

Lepaskan： 2022-06-14 17:51:57

asal

4249 orang telah melayarinya

Dua kaedah penghakiman: 1. Menggunakan hasClass(), anda boleh menyemak sama ada elemen yang dipilih mengandungi kelas yang ditentukan (nama kelas), sintaksnya ialah "objek elemen yang ditentukan.hasClass("nama kelas")", jika ia mengandungi Mengembalikan benar jika kelas yang ditentukan tidak disertakan, atau palsu jika ia tidak disertakan. 2. Gunakan attr() dan operator "==", sintaks "specify element object.attr("class")=="class name"", anda boleh menyemak sama ada nilai atribut kelas elemen adalah sama dengan kelas yang ditentukan nama, jika benar dikembalikan Menunjukkan kemasukan.

Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery

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

Dua kaedah untuk jquery untuk menentukan sama ada elemen mengandungi kelas tertentu:

Kaedah 1: Gunakan hasClass() untuk menentukan

kaedah hasClass() boleh menyemak sama ada elemen yang dipilih mengandungi kelas yang ditentukan (nama kelas).

Jika elemen yang dipilih mengandungi kelas yang ditentukan, kaedah ini mengembalikan benar, jika tidak, ia mengembalikan palsu.

Contoh: Semak sama ada elemen

mengandungi kelas "intro"

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					console.log($("p").hasClass("intro"));
				});
			});
			</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个段落标题</h1>
		<p class="intro">这是一个段落</p>
		<p> 这是另外一个段落</p>
		<button>是否有 p 元素使用了 "intro" 类?</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery

Nilai pulangan adalah benar, jadi p yang dinyatakan elemen mengandungi kelas "intro".

Kaedah 2: Gunakan attr() dan "==" untuk menentukan

kaedah attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih. Hanya gunakan kaedah ini untuk mengembalikan nilai atribut kelas.
Gunakan pengendali "==" untuk menentukan sama ada ia sama dengan nama kelas yang ditentukan

Jika "benar" dikembalikan, ia bermakna kemasukan, jika Mengembalikan palsu bermakna ia tidak disertakan.

Contoh: Semak sama ada elemen

mengandungi kelas "intro"

$(document).ready(function(){
	$("button").click(function(){
		console.log($("p").attr("class")=="intro");
	});
});

Salin selepas log masuk

Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada elemen mengandungi kelas tertentu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!