So löschen Sie Klassen in JQuery-Front-End-Fragen und Antworten-php.cn

So löschen Sie Klassen in JQuery

青灯夜游

Freigeben： 2022-09-09 19:14:40

Original

4150 Leute haben es durchsucht

3 Methoden: 1. Verwenden Sie „Element Object.removeClass(“Class Name“), um die angegebene Klasse zu löschen. Wenn keine Parameter angegeben sind, kann die Klasse gelöscht werden; ", false) „Löschen Sie die angegebene Klasse; 3. Verwenden Sie „element object.attr(„class“, „“)“, um die Klasse zu löschen.

So löschen Sie Klassen in JQuery

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

Drei Möglichkeiten, eine Klasse mit jquery zu löschen

Verwenden Sie RemoveClass(), um eine Klasse zu löschen.
Verwenden Sie toggleClass(), um eine Klasse zu löschen. um den Wert des Klassenattributs zu ändern. Auf leer setzen
1. Verwenden Sie „removeClass()“, um eine Klasse zu löschen

Die Methode „removeClass()“ entfernt eine oder mehrere Klassen aus dem ausgewählten Element.

$(selector).removeClass(class)

Nach dem Login kopieren

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

Beispiel: Entfernen Sie die „Intro“-Klasse aus allen

-Elementen

2. Verwenden Sie toggleClass(), um die class-Methode zu löschen, um eines der ausgewählten Elemente hinzuzufügen und zu entfernen oder mehrere Klassen zum Wechseln.

So löschen Sie Klassen in JQuery Diese Methode überprü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.

<!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>

Nach dem Login kopieren

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

Schalter: Optionaler Parameter, boolescher Wert, gibt an, ob nur Klassen hinzugefügt (wahr) oder entfernt (falsch) werden.

$(selector).toggleClass(class,switch)

Nach dem Login kopieren

3. Verwenden Sie attr() und prop(), um den Wert des Klassenattributs auf leer zu setzen.

attr() und prop() können beide das angegebene Attribut und den angegebenen Wert festlegen und ausführen Das Klassenattribut Setzen Sie den Wert auf leer, um die Klasse zu löschen

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