So löschen Sie ein Attribut eines div in jquery-Front-End-Fragen und Antworten-php.cn

So löschen Sie ein Attribut eines div in jquery

青灯夜游

Freigeben： 2022-11-18 19:50:04

Original

3321 Leute haben es durchsucht

Zwei Löschmethoden: 1. Verwenden Sie zum Löschen attr(). Die Syntax lautet „$(“div“).attr(“attribute name“,““);“, Sie können den Wert des angegebenen Attributs auf leer setzen , wodurch es ungültig wird. 2. Verwenden Sie zum Löschen die Syntax „$(“div“).removeAttr(“attribute name“);“.

So löschen Sie ein Attribut eines div in jquery

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

Was sind Attribute?

Attribute können zusätzliche Informationen für HTML-Tags bereitstellen oder HTML-Tags ändern. Attribute müssen im Start-Tag hinzugefügt werden und das Syntaxformat lautet:

attr="value"

Nach dem Login kopieren

attr steht für den Attributnamen und value für den Attributwert. Attributwerte müssen in doppelte Anführungszeichen „“ oder einfache Anführungszeichen '' eingeschlossen werden.

Beachten Sie, dass Attributwerte zwar sowohl in doppelte als auch in einfache Anführungszeichen eingeschlossen werden können, aus Gründen der Standardisierung und Professionalität sollten Sie jedoch so oft wie möglich doppelte Anführungszeichen verwenden.

Ein Tag kann keine Attribute oder ein oder mehrere Attribute haben.

Zwei Möglichkeiten, ein Attribut eines Div mithilfe von JQuery zu löschen

Methode 1: Verwenden Sie attr(), um den Wert des angegebenen Attributs auf leer zu setzen.

Bei Verwendung der attr()-Methode zum Festlegen des Attributwert des ausgewählten Elements. Wenn es leer ist, kann das angegebene Attribut auch deaktiviert werden.

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr("style","");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<div style="font-size:120%;color:red">这是一个div元素。</div>
		<p>这是一个p元素。</p>
		<button>删除div元素的 style 属性</button>
	</body>
</html>

Nach dem Login kopieren

So löschen Sie ein Attribut eines div in jquery

Methode 2: Verwenden Sie „removeAttr()“, um das angegebene Attribut direkt zu löschen. Die Methode „removeAttr()“ entfernt ein oder mehrere Attribute aus dem ausgewählten Element. Um mehrere Eigenschaften zu entfernen, trennen Sie die Eigenschaftsnamen durch Leerzeichen.

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
			$("button").click(function(){
				$("div").removeAttr("id class");
			});
		});
		</script>
		<style type="text/css">
			#p1 {
				color: white;
				background-color: green;
				font-size: 20px;
				padding: 5px;
				margin: 5px;
			}

			.blue {
				color: white;
				background-color: blue;
				font-size: 20px;
				padding: 5px;
				margin: 5px;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<div id="p1">这是一个div元素。</div>
		<div class="blue">这是另一个div元素。</div>
		<button>移除所有div元素的id和class属性</button>

	</body>
</html>

Nach dem Login kopieren

【Empfohlenes Lernen: So löschen Sie ein Attribut eines div in jquery jQuery-Video-Tutorial

Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Attribut eines div in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!