Heim > Web-Frontend > Front-End-Fragen und Antworten > So entfernen Sie HTML5-Attribute in jq

So entfernen Sie HTML5-Attribute in jq

青灯夜游
Freigeben: 2022-07-29 18:06:27
Original
2098 Leute haben es durchsucht

Schritte für jquery zum Entfernen von HTML5-Attributen: 1. Verwenden Sie den jquery-Selektor, um das angegebene html5-Element auszuwählen. Die Syntax „$(selector)“ gibt ein jquery-Objekt zurück, das das angegebene Element enthält. 2. Verwenden Sie die Funktion „removeAttr()“. Entfernen Sie das Elementobjekt. Die Syntax lautet „element object.removeAttr(„Attributname“)“.

So entfernen Sie HTML5-Attribute in jq

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

HTML5-Attribute

Attribute können einige 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.

<input type="text" id="username" />
Nach dem Login kopieren

type und id sind Attribute.

Wie entferne ich HTML5-Attribute in jq?

In jquery können Sie RemoveAttr() verwenden, um Attribute zu löschen. Die Methode

removeAttr() kann das angegebene Attribut aus dem ausgewählten HTML-Element entfernen.

Syntax:

$(selector).removeAttr(attribute)
Nach dem Login kopieren
ParameterBeschreibung
AttributErforderlich. Gibt die Attribute an, die aus dem angegebenen Element entfernt werden sollen.

Beispiel: Verwenden Sie „removeAttr()“, um das ausgeblendete Attribut zu löschen.

Das ausgeblendete Attribut gibt an, dass das Element ausgeblendet ist. Ausgeblendete Elemente werden nicht angezeigt.

Löschen Sie dieses Attribut, damit das Element angezeigt werden kann.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("p").removeAttr("hidden");
				})
			})
		</script>
	</head>
	<body>
		<p>这是一段可见的段落。</p>
		<p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p>
		<p>这是一段可见的段落。</p>
		<button>删除hidden属性</button>
	</body>
</html>
Nach dem Login kopieren

So entfernen Sie HTML5-Attribute in jq

Verwandte Tutorial-Empfehlungen: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie HTML5-Attribute in jq. 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