So fügen Sie Attribute in JQuery hinzu und löschen sie-Front-End-Fragen und Antworten-php.cn

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

青灯夜游

Freigeben： 2022-06-07 17:16:35

Original

2639 Leute haben es durchsucht

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>

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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!