Maison > interface Web > js tutoriel > Comment supprimer la classe actuelle dans jquery

Comment supprimer la classe actuelle dans jquery

青灯夜游
Libérer: 2021-11-16 15:41:34
original
5796 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode removeClass() pour supprimer la classe actuelle. Cette méthode peut supprimer une ou plusieurs classes de l'élément sélectionné. La syntaxe est "$(selector).removeClass(class)" ; class" " En cas d'omission, toutes les classes sont supprimées.

Comment supprimer la classe actuelle dans jquery

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

Dans jquery, vous pouvez utiliser la méthode removeClass() pour supprimer la classe actuelle. La méthode

removeClass() supprime une ou plusieurs classes de l'élément sélectionné. Il vous suffit de spécifier un ou plusieurs noms de classe dans removeClass().

Syntaxe :

$(selector).removeClass(class)
Copier après la connexion
  • class : Paramètre facultatif, précisant le nom de la classe à supprimer.

    • Si vous devez supprimer plusieurs classes, veuillez utiliser des espaces pour séparer les noms de classe.

    • Si ce paramètre n'est pas défini, toutes les classes seront supprimées.

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

	<body>
		<h1 id="h1">一个大标题</h1>
		<p class="intro">一个小段落</p>

		<button>删除p段落中的intro类</button>
	</body>
</html>
Copier après la connexion

Comment supprimer la classe actuelle dans jquery

Recommandations de tutoriel associées : Tutoriel vidéo jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal