Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > So entfernen Sie Klassenattribute in JQuery

So entfernen Sie Klassenattribute in JQuery

青灯夜游
Freigeben： 2021-11-25 10:35:35
Original
6082 Leute haben es durchsucht

Methode: 1. Verwenden Sie attr(), um den Wert des Klassenattributs auf leer zu setzen. Die Syntax lautet „$(selector).attr(„class“, „“)“ 2. Verwenden Sie „removeAttr()“, um das zu entfernen Klassenattribut, die Syntax lautet „ $(selector).removeAttr("class")".

So entfernen Sie Klassenattribute in JQuery

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

Es gibt zwei Möglichkeiten, das Klassenattribut in jquery zu entfernen:

  • Verwenden Sie attr(), um den Wert des Klassenattributs im Element auf leer zu setzen

    Syntax: $(selector) .attr("class" ,"")$(selector).attr("class","")

  • 使用removeAttr()移除元素中的class属性

    语法：$(selector).removeAttr("class")

Verwenden Sie removeAttr(), um das Klassenattribut im Element zu entfernen

Syntax: $(selector).removeAttr("class") Code>

So entfernen Sie Klassenattribute in JQuery

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() {
					$(".box1").attr("class", "");
					$(".box2").removeAttr("class");
				});
			});
		</script>
		<style>
			div {
				border: 1px solid red;
				margin: 10px;
			}

			.box1 {
				background-color: #FFC0CB;
			}

			.box2 {
				background-color: green;
				color: white;
			}
		</style>
	</head>
	<body>

		<div class="box1">测试文本</div>
		<div class="box2">测试文本</div>
		<br>
		<button>去掉class属性</button>

	</body>
</html>
Nach dem Login kopieren

🎜🎜 Empfohlene verwandte Video-Tutorials: 🎜jQuery-Video-Tutorial🎜🎜

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

Verwandte Etiketten：
jquery
Vorheriger Artikel：Verstehen Sie kurz das Buffer-Modul in Node.js Nächster Artikel：So entfernen Sie bestimmte Attribute aus td-Elementen in jquery
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
Aktuelle Ausgaben
Importieren Sie jQuery-Dateien
Aus 1970-01-01 08:00:00
0
0
0
javascript - Die Verwendung von jquery in vue schlägt fehl, wenn jquery eingeführt wird, aber das Plug-in, das jquery einführt, nicht definiert ist? ?
Aus 1970-01-01 08:00:00
0
0
0
javascript - Wie kann ich einige JQuery-Methoden importieren?
Aus 1970-01-01 08:00:00
0
0
0
PHP+JQuery-Problem
Aus 1970-01-01 08:00:00
0
0
0
Wählen Sie das von flatpickr eingegebene jQuery-Element $input._flatpicker aus
Aus 1970-01-01 08:00:00
0
0
0
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage