So ändern Sie Eingabeattribute in jquery-Front-End-Fragen und Antworten-php.cn

So ändern Sie Eingabeattribute in jquery

青灯夜游

Freigeben： 2022-05-16 15:41:08

Original

3920 Leute haben es durchsucht

Methode: 1. Verwenden Sie attr(), die Syntax lautet „$(„Eingabe“).attr(„Attributname“, „Attributwert“)“, Sie können das angegebene Attribut hinzufügen oder das angegebene Attribut auf ein neues setzen value; 2. Verwenden Sie removeAttr(), die Syntax „$(“input“).removeAttr(“attribute name“)“ kann Attribute löschen.

So ändern Sie Eingabeattribute in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In jquery können Sie die Attribute eines angegebenen Elements ändern, indem Sie den Attributwert ändern oder das Attribut entfernen. Schauen wir uns das unten genauer an.

1. Verwenden Sie attr(), um den Attributwert zu ändern. Die Methode attr() kann den Attributwert des ausgewählten Elements festlegen.

Das angegebene Attribut kann auf einen neuen Wert gesetzt werden

Wenn kein angegebenes Attribut vorhanden ist, kann das Attribut hinzugefügt werden
Beispiel: Ändern Sie das Eingabetypattribut und ändern Sie das Textfeld in ein Zeitfeld

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("type","date");
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<input type="text" value="John">
		<br><br>
		<button>修改input属性</button>
		<p>修改input type属性，将文本框改为时间框</p>
	</body>

</html>

Nach dem Login kopieren

So ändern Sie Eingabeattribute in jquery 2. Verwenden Sie „removeAttr()“, um Attribute zu löschen.

Die Methode „removeAttr()“ entfernt Attribute aus dem ausgewählten Element.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").removeAttr("value");
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<input type="text" value="John">
		<br><br>
		<button>修改input属性</button>
		<p>删除input value属性，清空输入框</p>
	</body>

</html>

Nach dem Login kopieren

【Empfohlenes Lernen: So ändern Sie Eingabeattribute in jquery jQuery-Video-Tutorial

Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo ändern Sie Eingabeattribute in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!