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

Comment supprimer plusieurs classes dans jquery

青灯夜游

Libérer： 2022-04-27 18:30:19

original

5384 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode removeClass() pour supprimer plusieurs classes. Il vous suffit de transmettre le nom de la classe en tant que paramètre à la méthode. La syntaxe est "$(selector).removeClass("Class Name List"). " , plusieurs noms de classes sont séparés par des espaces ; si le paramètre est omis, toutes les classes seront supprimées.

Comment supprimer plusieurs classes 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 plusieurs classes. La méthode

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

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.

Si la méthode removeClass() ne spécifie pas de paramètres, cette méthode supprimera toutes les classes des éléments sélectionnés.

Exemple 1 : Supprimer plusieurs classes

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("p").removeClass("intro1 intro2");
            })
        })
    </script>
		<style type="text/css">
			.intro1 {
				font-size: 120%;
			}
			.intro2 {
				color: red;
			}
			.intro3 {
				background-color:pink;
			}
		</style>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p class="intro1 intro2 intro3">一个p段落</p>
		<p>另一个p段落</p>
		<button>从第一个p元素中删除多个class</button>
	</body>
</html>

Copier après la connexion

Comment supprimer plusieurs classes dans jquery

Exemple 2 : Supprimer toutes les classes

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("p").removeClass();
            })
        })
    </script>
		<style type="text/css">
			.intro1 {
				font-size: 120%;
			}
			.intro2 {
				color: red;
			}
			.intro3 {
				background-color:pink;
			}
		</style>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p class="intro1 intro2 intro3">一个p段落</p>
		<p>另一个p段落</p>
		<button>从第一个p元素中删除多个class</button>
	</body>
</html>

Copier après la connexion

Comment supprimer plusieurs classes dans jquery