Heim > Web-Frontend > Front-End-Fragen und Antworten > So ändern Sie den Wert der Schaltfläche in JQuery

So ändern Sie den Wert der Schaltfläche in JQuery

青灯夜游
Freigeben: 2022-04-28 17:35:45
Original
5461 Leute haben es durchsucht

So ändern Sie den Schaltflächenwert in jquery: 1. Verwenden Sie html(), um neuen Inhalt für das angegebene Element festzulegen, Syntax „$(“button“).html(“new content value“)“ 2. Verwenden Sie text(); um neuen Inhalt für das angegebene Element festzulegen. Legen Sie neuen Textinhalt mit der Syntax „$(“button“).text(“new value“)“ fest.

So ändern Sie den Wert der Schaltfläche in JQuery

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

jquery ändert den Wert der Schaltfläche

Implementierungsmethode:

  • Verwenden Sie $("button"), um das Schaltflächenelement abzurufen.

  • Verwenden Sie html() oder text(), um den Wert des ausgewählten Elements zu ändern.

1, verwenden Sie die Methode html()

html(), um den Inhalt (innerHTML) des ausgewählten Elements festzulegen.

<!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() {
					$(this).html("button新值");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>
Nach dem Login kopieren

So ändern Sie den Wert der Schaltfläche in JQuery

2. Verwenden Sie die Methode text()

text(), um den Textinhalt des ausgewählten Elements festzulegen oder zurückzugeben.

<!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() {
					$(this).text("Hello world!");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>
Nach dem Login kopieren

So ändern Sie den Wert der Schaltfläche in JQuery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert der Schaltfläche 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