Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?-Soal Jawab bahagian hadapan-php.cn

Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?

青灯夜游

Lepaskan： 2022-04-20 19:25:30

asal

3347 orang telah melayarinya

Kaedah penghakiman: 1. Gunakan hasClass() untuk menyemak sama ada elemen mengandungi nama kelas yang ditentukan, sintaksnya ialah "element object.hasClass("class name"""; 2. Gunakan attr() untuk mendapatkan nilai atribut kelas, dan menilai Sama ada nilai atribut adalah sama dengan nama kelas yang ditentukan, sintaksnya ialah "element object.attr("class")=="class name"".

Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?

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

Terdapat dua cara untuk jquery menentukan sama ada elemen mengandungi nama kelas yang ditentukan:

Gunakan hasClass()
Gunakan attr( )

Kaedah 1: Gunakan kaedah hasClass()

hasClass() untuk menyemak sama ada elemen yang dipilih mengandungi yang ditentukan nama kelas. Kaedah ini mengembalikan "benar" jika elemen yang dipilih mengandungi kelas yang ditentukan.

<!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(){
					if($("p").hasClass("intro")){
						console.log("有指定类名");
					}else{
						console.log("没有指定类名");
					}
					
				});
			});
			</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

Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?

Kaedah 2: Gunakan attr()

attr() untuk mendapatkan nilai atribut kelas nilai atribut Ia adalah nama kelas

Anda hanya perlu menentukan sama ada nilai atribut adalah sama dengan nama kelas yang ditentukan.

<!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(){
					if($("p").attr("class")=="intro"){
						console.log("有指定类名");
					}else{
						console.log("没有指定类名");
					}
					
				});
			});
			</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

Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?

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

Atas ialah kandungan terperinci Bagaimanakah jquery menentukan sama ada elemen mempunyai nama kelas tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!