Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie JQuery CSS steuert, um Elemente zu löschen

青灯夜游
Freigeben: 2022-01-20 17:22:52
Original
2784 Leute haben es durchsucht

In jquery können Sie CSS mit der Methode css() steuern, dem Element den Stil „display: none;“ hinzufügen und dann das Syntaxformat „$(„element“).css( „display“, „none“);“.

Wie JQuery CSS steuert, um Elemente zu löschen

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

In jquery können Sie die Methode css() verwenden, um CSS zu steuern, den Stil „display: none;“ zu einem Element hinzufügen und dann das Element löschen.

Die Methode css() gibt ein oder mehrere Stilattribute des übereinstimmenden Elements zurück oder legt es fest .

Implementierungscode:

<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("#btn").click(function() {
					$("#box").css("display", "none");
				});
			});
		</script>
	</head>

	<body>
		<div>测试元素</div>
		<div id="box">测试box元素</div>
		<div>测试元素</div><br>
		<button id="btn">点击删除box元素</button>
	</body>

</html>
Nach dem Login kopieren

Wie JQuery CSS steuert, um Elemente zu löschen

Empfohlene verwandte Video-Tutorials: jQuery-Tutorial (Video)

Das obige ist der detaillierte Inhalt vonWie JQuery CSS steuert, um Elemente zu löschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage