Heim  >  Artikel  >  Web-Frontend  >  So löschen Sie Klassen in JQuery

So löschen Sie Klassen in JQuery

青灯夜游
青灯夜游Original
2022-05-16 18:40:494138Durchsuche

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)
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 JQueryDiese 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>

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)

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

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