Comment supprimer une classe dans jquery-Questions et réponses frontales-php.cn

Comment supprimer une classe dans jquery

青灯夜游

Libérer： 2022-04-20 19:38:09

original

10048 Les gens l'ont consulté

Méthode de suppression : 1. Utilisez RemoveClass() pour supprimer la classe spécifiée de l'élément sélectionné, la syntaxe est "element object.removeClass(class name)" ; 2. Utilisez RemoveAttr() pour supprimer l'attribut de classe de l'élément, la syntaxe est "element Object.removeAttr("class")".

Comment supprimer une classe dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

jquery supprime une classe

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

removeClass() pour supprimer une ou plusieurs classes de l'élément sélectionné.

$(selector).removeClass(class)

Copier après la connexion

Remarque : Si aucun paramètre n'est spécifié, cette méthode supprimera toutes les classes des éléments sélectionnés.

Exemple :

<!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(){
				  $("p:first").removeClass("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>

Copier après la connexion

Comment supprimer une classe dans jquery

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

removeAttr() pour supprimer les attributs des éléments sélectionnés.

Il vous suffit d'utiliser cette méthode pour supprimer l'attribut de classe de l'élément sélectionné afin de supprimer la classe

$(selector).removeAttr("class")

Copier après la connexion

Exemple :

<!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(){
				  $("p:first").removeAttr("class");
				});
			});
			</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个段落标题</h1>
		<p class="intro">这是一个段落</p>
		<p> 这是另外一个段落</p>
		<button>移除p元素的 class</button>

	</body>
</html>

Copier après la connexion

Comment supprimer une classe dans jquery