suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie Attribute in JQuery hinzu und löschen sie

So fügen Sie Attribute in JQuery hinzu und löschen sie

青灯夜游
青灯夜游Original
2022-05-13 17:54:082590Durchsuche

In jquery können Sie attr() oder prop() verwenden, um Attribute zu Elementen hinzuzufügen. Die Syntax lautet „object.attr(“Attributname“, „Wert“)“ oder „Object.prop(“Attributname“, "value") "; Sie können RemoveAttr() verwenden, um Attribute zu löschen. Die Syntax lautet "object.removeAttr("attribute name")".

So fügen Sie Attribute in JQuery hinzu und löschen sie

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

jquery-Methoden zum Hinzufügen und Löschen von Attributen

1. Verwenden Sie attr() oder prop(), um Attribute hinzuzufügen.

prop() und attr() können beide verwendet werden, um die HTML-Attribute von Elementen festzulegen .

Beispiel 1: Verwenden Sie attr(), um das deaktivierte Attribut hinzuzufügen. 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("textarea").attr("disabled", "disabled");
					// $("textarea").attr("disabled","true");
				});
			});
		</script>
	</head>

	<body>
		<textarea></textarea><br><br>
		<button>让textarea不可编辑</button>
	</body>

</html>
. Beispiel 2: Verwenden Sie prop(), um das schreibgeschützte Attribut hinzuzufügen

So fügen Sie Attribute in JQuery hinzu und löschen sieremoveAttr()-Methode Entfernt Attribute von ausgewählten Elementen.

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. So fügen Sie Attribute in JQuery hinzu und löschen sie

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("readonly","readonly");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>

	<body>
		<input type="text" value="hello"/><br /><br />

		<button>给input添加只读属性</button>
	</body>
</html>

Verwandte Tutorial-Empfehlungen:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie Attribute in JQuery hinzu und löschen sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery html 对象
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
Vorheriger Artikel：Was bedeutet Kinder in jQuery?Nächster Artikel：Was bedeutet Kinder in jQuery?

In Verbindung stehende Artikel

Mehr sehen