Bagaimana untuk menentukan sama ada kelas tertentu wujud dalam jquery-tutorial js-php.cn

Bagaimana untuk menentukan sama ada kelas tertentu wujud dalam jquery

青灯夜游

Lepaskan： 2021-11-25 11:49:26

asal

6317 orang telah melayarinya

Kaedah: 1. Gunakan pernyataan "$(elemen).hasClass("nama kelas") untuk menyemak sama ada kelas yang dinyatakan wujud Jika wujud, kembalikan "true" 2. Gunakan "$(. element).attr" ("class")" penyataan memperoleh nilai atribut kelas Jika nilainya sama dengan nama kelas yang hendak diperiksa, kelas yang ditentukan wujud.

Bagaimana untuk menentukan sama ada kelas tertentu wujud dalam jquery

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

jquery menentukan sama ada kelas yang ditentukan wujud

Kaedah 1: Gunakan kaedah hasClass()

Kaedah hasClass() menyemak sama ada elemen yang dipilih mengandungi nama kelas yang ditentukan. 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(){
					var a=$("p").hasClass("intro");
					if(a){
						alert("指定类存在");
					}else{
						alert("指定类不存在");
					}
				});
			});
			</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 kelas tertentu wujud dalam jquery

Kaedah 2: Gunakan kaedah attr()

kaedah attr() untuk mengembalikan nilai atribut bagi elemen yang dipilih.

Anda boleh menggunakan kaedah attr() untuk mendapatkan nilai atribut kelas Jika nilai atribut sama dengan nama kelas yang perlu disemak, kelas yang ditentukan wujud.

<!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(){
					var a=$("p").attr("class");
					if(a=="intro1"){
						alert("指定类存在");
					}else{
						alert("指定类不存在");
					}
				});
			});
			</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

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

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk menentukan sama ada kelas tertentu wujud dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)

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