Heim > Artikel > Web-Frontend > So löschen Sie eine Klasse in jquery

So löschen Sie eine Klasse in jquery

青灯夜游Original: 2022-04-21 18:47:222769Durchsuche

Methode: 1. Verwenden Sie „removeClass()“, um die angegebene Klasse aus dem Element zu entfernen. Die Syntax lautet „angegebenes element.removeClass(„Klassenname“)“. Wenn die Parameter weggelassen werden, können alle Klassen gelöscht werden toggleClass(), die Syntax „Specify element.toggleClass(“class name“,false)“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

So löschen Sie eine Klasse in jquery

Methode 1: Verwenden Sie die Methode „removeClass()

removeClass()“, um eine oder mehrere Klassen aus dem ausgewählten Element zu entfernen.

$(selector).removeClass("类名")

Wenn keine Parameter angegeben sind, entfernt diese Methode alle Klassen aus den ausgewählten Elementen.

Beispiel: Entfernen Sie die „Intro“-Klasse des p-Elements:

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

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

	</body>
</html>

So löschen Sie eine Klasse in jquery

Methode 2: Verwenden Sie die Methode toggleClass()

toggleClass(), um eine oder mehrere Klassen des ausgewählten Elements hinzuzufügen und zu entfernen Machen Sie den Wechsel.

Diese Methode prüft die angegebene Klasse in jedem Element. Fügt die Klasse hinzu, wenn sie nicht vorhanden ist, oder entfernt sie, wenn sie festgelegt ist. Dies wird als Toggle-Effekt bezeichnet.

Allerdings können Sie über den Parameter „switch“ festlegen, dass nur Klassen entfernt oder nur hinzugefügt werden.

$(selector).toggleClass(classname,switch)

Parameter	Beschreibung
Klassenname	erforderlich. Gibt einen oder mehrere Klassennamen an, die hinzugefügt oder entfernt werden sollen. Wenn Sie mehrere Klassen angeben müssen, verwenden Sie Leerzeichen, um Klassennamen zu trennen.
Funktion(Index, aktuelle Klasse)	optional. Gibt eine Funktion an, die einen oder mehrere Klassennamen zurückgibt, die hinzugefügt/entfernt werden müssen. index – Gibt die Indexposition des Elements in der Sammlung zurück. currentclass – Gibt den aktuellen Klassennamen des ausgewählten Elements zurück.
Schalter	optional. Boolescher Wert, der angibt, ob Klassen nur hinzugefügt (true) oder entfernt (false) werden sollen.

Beispiel:

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

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

	</body>
</html>

So löschen Sie eine Klasse in jquery

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonSo löschen Sie eine Klasse in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery switch function

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So löschen Sie eine Teilmengenklasse in jqueryNächster Artikel：So löschen Sie eine Teilmengenklasse in jquery

In Verbindung stehende Artikel

Mehr sehen