Comment ajouter et supprimer des classes dans jquery-Questions et réponses frontales-php.cn

Comment ajouter et supprimer des classes dans jquery

青灯夜游

Libérer： 2022-11-22 19:24:31

original

2505 Les gens l'ont consulté

AddClass() et removeClass() peuvent être utilisés dans jquery pour ajouter et supprimer des classes. addClass() ajoute une ou plusieurs classes à l'élément sélectionné, la syntaxe est "$(selector).addClass(class name)". Si vous devez ajouter plusieurs classes, utilisez des espaces pour séparer les noms de classe. removeClass() supprime une ou plusieurs classes de l'élément sélectionné, la syntaxe est "$(selector).removeClass(class name)" ; les paramètres peuvent être omis et toutes les classes seront effacées.

Comment ajouter et supprimer des classes dans jquery

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

Méthodes jquery pour ajouter et supprimer des classes

Méthode	Description
addClass()	Ajoute le nom de classe spécifié à l'élément correspondant.
removeClass()	Supprimez toutes les classes ou celles spécifiées de tous les éléments correspondants.

jquery addClass() add class

addClass() ajoute une ou plusieurs classes à l'élément sélectionné.

Cette méthode ne supprime pas les attributs de classe existants, mais ajoute uniquement un ou plusieurs attributs de classe.

Conseils : Si vous devez ajouter plusieurs classes, veuillez utiliser des espaces pour séparer les noms de classe.

Syntaxe :

$(selector).addClass(class)

Copier après la connexion

Paramètres	Description
class	Obligatoire. Spécifie un ou plusieurs noms de classe.

Exemple : Ajouter une classe au premier élément p

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

	<body>
		<h1>This is a heading</h1>
		<p>This is a paragraph.</p>
		<p>This is another paragraph.</p>
		<button>向第一个 p 元素添加一个类</button>
	</body>
</html>

Copier après la connexion

Comment ajouter et supprimer des classes dans jquery

jQuery removeClass() supprime la classe

la méthoderemoveClass() supprime un ou plusieurs éléments de la catégorie d'éléments sélectionnée .

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

Syntaxe :

$(selector).removeClass(class)

Copier après la connexion

Paramètres	Description
class	Facultatif. Spécifie 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.

Paramètres

Description

class

Facultatif. Spécifie 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.

Exemple : Supprimez toutes les classes "intro" de

<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery-3.6.1.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">This is a heading</h1>
		<p class="intro">This is a paragraph.</p>
		<p>This is another paragraph.</p>
		<button>从第一个段落中删除类</button>
	</body>
</html>

Copier après la connexion

Comment ajouter et supprimer des classes dans jquery