So fügen Sie Klassen in JQuery hinzu und entfernen sie-Front-End-Fragen und Antworten-php.cn

AddClass() und removeClass() können in jquery zum Hinzufügen und Entfernen von Klassen verwendet werden. addClass() fügt dem ausgewählten Element eine oder mehrere Klassen hinzu. Die Syntax lautet „$(selector).addClass(class name)“. Wenn Sie mehrere Klassen hinzufügen müssen, verwenden Sie Leerzeichen, um die Klassennamen zu trennen. RemoveClass() entfernt eine oder mehrere Klassen aus dem ausgewählten Element, die Syntax lautet „$(selector).removeClass(class name)“; die Parameter können weggelassen werden und alle Klassen werden gelöscht.

So fügen Sie Klassen in JQuery hinzu und entfernen sie

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery-Methoden zum Hinzufügen und Entfernen von Klassen

Methode	Beschreibung
addClass()	Fügt den angegebenen Klassennamen dem passenden Element hinzu.
removeClass()	Entferne alle oder angegebene Klassen aus allen übereinstimmenden Elementen.

jquery addClass() Klasse hinzufügen

addClass()-Methode fügt dem ausgewählten Element eine oder mehrere Klassen hinzu.

Diese Methode entfernt nicht das vorhandene Klassenattribut, sondern fügt nur ein oder mehrere Klassenattribute hinzu.

Tipps: Wenn Sie mehrere Klassen hinzufügen müssen, verwenden Sie bitte Leerzeichen, um die Klassennamen zu trennen.

Syntax:

$(selector).addClass(class)

Nach dem Login kopieren

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

Parameter	Beschreibung
Klasse	Erforderlich. Gibt einen oder mehrere Klassennamen an. 🔜 .

Syntax:

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

Nach dem Login kopieren

So fügen Sie Klassen in JQuery hinzu und entfernen sie

Parameter

Beschreibung

class

Optional. Gibt den Namen der zu entfernenden Klasse an. Wenn Sie mehrere Klassen entfernen müssen, verwenden Sie bitte Leerzeichen, um die Klassennamen zu trennen.

Wenn dieser Parameter nicht gesetzt ist, werden alle Klassen entfernt. Beispiel: Entfernen Sie alle „Einführungs“-Klassen von

Das obige ist der detaillierte Inhalt vonSo fügen Sie Klassen in JQuery hinzu und entfernen sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

javascript jquery

Quelle：php.cn

Vorheriger Artikel：Welche Möglichkeiten gibt es, das übergeordnete Element in jquery zu finden? Nächster Artikel：Was sind die neuen Tags in HTML5?

Erklärung dieser Website

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

Neueste Artikel des Autors