Heim  >  Artikel  >  Web-Frontend  >  Wie JQuery CSS steuert, um Elemente zu löschen

Wie JQuery CSS steuert, um Elemente zu löschen

青灯夜游
青灯夜游Original
2022-01-20 17:22:522626Durchsuche

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>

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!

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