So ändern Sie Eingabeattribute in jquery

青灯夜游
Freigeben: 2022-05-16 15:41:08
Original
3933 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 jquery2. 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 jqueryjQuery-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!

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