Maison >interface Web >js tutoriel >Comment déterminer si une classe spécifiée existe dans jquery

Comment déterminer si une classe spécifiée existe dans jquery

青灯夜游original: 2021-11-25 11:49:266453parcourir

Méthode : 1. Utilisez l'instruction "$(element).hasClass("class name")" pour vérifier si la classe spécifiée existe. Si elle existe, renvoyez "true" ; L'instruction ("class")" obtient la valeur de l'attribut de classe. Si la valeur est égale au nom de classe qui doit être vérifié, la classe spécifiée existe.

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

jquery détermine si la classe spécifiée existe

Méthode 1 : utilisez la méthode hasClass()

hasClass() pour vérifier si l'élément sélectionné contient le nom de classe spécifié. Cette méthode renvoie "true" si l'élément sélectionné contient la classe spécifiée.

<!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>

Comment déterminer si une classe spécifiée existe dans jquery

Méthode 2 : utilisez la méthode attr()

attr() pour renvoyer la valeur d'attribut de l'élément sélectionné.

Vous pouvez utiliser la méthode attr() pour obtenir la valeur de l'attribut de classe. Si la valeur de l'attribut est égale au nom de la classe qui doit être vérifiée, la classe spécifiée existe.

<!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>

Comment déterminer si une classe spécifiée existe dans jquery

Tutoriels vidéo associés recommandés : Tutoriel jQuery (Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

jquery class

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment supprimer les attributs spécifiés des éléments td dans jqueryArticle suivant：Comment supprimer les attributs spécifiés des éléments td dans jquery

Articles Liés

Voir plus